嶂麓
2019-11-13 19:51
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
<script type="text/javascript">
var con = document.getElementsByTagName("div")[0].childNodes;
//document.write(con);
for(var i = 1;i<=con.length;i++){
document.write("<br>第"+i+"个元素的节点名称为"+con[i].nodeName+"<br>节点属性为"+con+"<br>")
}
</script>
</body>
</html>
节点有3个重要属性:nodeName : 节点的名称、nodeValue :节点的值和nodeType :节点的类型
都输出的话for循环中可改为:
document.write("第"+i+"个元素的节点名称为"+con[i].nodeName+"<br>"); document.write("第"+i+"个元素的节点的值为"+con[i].nodeValue+"<br>"); document.write("第"+i+"个元素的节点的类型为"+con[i].nodeType+"<br>");
注:除IE浏览器外,其他浏览器不会忽略节点间生成的空白文本节点(例如,换行符号)
JavaScript进阶篇
468195 学习 · 21891 问题
相似问题