问答详情
源自:9-8 访问子节点childNodes

我的代码案例

<!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 x=document.getElementsByTagName("div")[0].childNodes;

 document.write("div子节点数的个数"+x.length+"<br/>");

  document.write("-----------------------"+"<br/>");

 for(i=0;i<x.length;i++){

    var name=x[i].nodeName;

    var value=x[i].nodeValue;;

    var type=x[i].nodeType;

    document.write("节点的名称"+name+"<br/>");

    document.write("节点的值"+value+"<br/>");

    document.write("节点的类型"+type+"<br/>");

    document.write("-----------------------"+"<br/>");

 }

 

</script>

</body>

</html>


提问者:逃离外包 2019-01-29 09:57

个回答

  • 幕布斯3322991
    2019-05-09 23:15:43

    简直完美

        var text=x[i].innerText;

        document.write("节点的内容"+text+"<br/>");

    我加了一点显示标签首尾间的文字