我这样对吗??

来源:9-8 访问子节点childNodes

嶂麓

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>


写回答 关注

1回答

  • 晓之蛇
    2019-11-14 09:19:27

    节点有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进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题