HTML DOM 节点 |
HTML DOM 方法 |
HTML DOM 属性 |
HTML DOM 访问 |
HTML DOM - 修改 |
HTML DOM - 元素 |
HTML DOM - 事件 |
HTML DOM 导航 |
HTML DOM 总结 |
当前阅读教程:HTML DOM 教程 > 导航节点关系 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: HTML DOM 节点列表长度 | 下一篇: DOM 根节点 |
您能够使用三个节点属性:parentNode、firstChild 以及 lastChild ,在文档 结构中进行导航。 请看下面的 HTML 片段: <html> <head> <meta charset="utf-8"> </head> <body> <p>Hello World!</p> <div> <p>DOM 是非常有用的!</p> <p>这个实例演示了节点的关系。</p> </div> </body> </html> l 首个 <p> 元素是 <body> 元素的首个子元素(firstChild) l <div> 元素是 <body> 元素的最后一个子元素(lastChild) l <body> 元素是首个 <p> 元素和 <div> 元素的父节点(parentNode) firstChild 属性可用于访问元素的文本: 实例 <!doctype html> <html> <head> <meta charset="utf-8"> <title>导航节点关系(2d5.net小白教程网)</title> </head> <body> <p id="info">黄菊华老师web入门课</p> <script> x=document.getElementById("info"); document.write(x.firstChild.nodeValue); </script> </body> </html> 效果图 |
|
上一篇: HTML DOM 节点列表长度 | 下一篇: DOM 根节点 |