⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 15-22.htm

📁 《JAVASCRIPT 动态网页编程实例手册》一书中的源代码
💻 HTM
字号:
    <html><head><title>节点结构演示 </title></head>
    <body><font size="+2">
        <h1>渡汉江</h1>
        <p>岭外音书绝,经冬复立春。近乡情更怯,不敢问来人。 </p>
    <script language="javascript">
        var Parent=document.childNodes[0];
        var Child=Parent.childNodes[0];
        document.write("HTML根节点为: ");
        document.write(Parent.nodeName+"<br>");
        document.write("根节点的第一个子节点为: ");
        document.write(Child.nodeName+"<br>");
        document.write("该子节点下面的子节点为: ");
        document.write(Child.childNodes[0].nodeName+"<br>");
        document.write("根节点的最后一个子节点为: ");
        document.write(Parent.lastChild.nodeName+"<br>");
        document.write("根节点的最后一个子节点下面的第一个子节点为: ");
        document.write(Parent.lastChild.childNodes[0].nodeName+"<br>");
        document.write("该子节点下面的第一个子节点为: ");
        document.write(Parent.lastChild.childNodes[0].childNodes[0].nodeName+"<br>");
        document.write("该子节点下面的第二个子节点为: ");
        document.write(Parent.lastChild.childNodes[0].childNodes[1].nodeName+"<br>");        
        document.write("<br>根节点最后一个子节点的类型为:");
        document.write(Parent.lastChild.nodeType);
    </script>
    </body>
    </html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -