javascript API详解及案例解析(一)(4)
来源:未知 责任编辑:责任编辑 发表时间:2014-05-26 11:00 点击:次
</div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8">
window.onload=function(){
//根据标签名称获取该标签名称的所有的节点对象
var inputnodes=document.getElementsByTagName("input");
//获取指定节点www.2cto.com
//alert(inputnodes.length);
var sprNode=document.getElementById("spr");
if(sprNode.nodeType==1){
var sprinputNode=sprNode.getElementsByTagName("input");
//alert(sprinputNode.length);
//spr 节点中的所有的input节点对象 并且要求 type=“checkbok”
//遍历所有spr下的节点
for(var i=0;i<sprinputNode.length;i++){
//获取指定的节点
var inputNode=sprinputNode[i];
if(inputNode.type=="checkbox"){
alert(inputNode.value);
}
}
}
var d=document.getElementsByTagName("*");
}
</script>
4hasChildNodes()
4.1说明
1、该方法用来判断一个元素是否有子节点
2、返回值为true或者false
3、文本节点和属性节点不可能再包含子节点,所以对于这两类节点使用 ChildNodes()方法 返回值永远为false.
4、如果hasChildNodes()返回值为false,则childNodes,firstChild,lastChild将为空数组或者空字符串。
举例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>zuoye.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
This is my HTML page. <br>
</body>
</html>
<script type="text/javascript" charset="utf-8">
window.onload=function(){
//开始的节点
var rootNode=document.documentElement;
iteratorNodes(rootNode);
document.write(msg);
}
function iteratorNodes(node){
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>