位置:电子教程 > HTML DOM 教程 (如果看不到内容请使用360浏览器) 推荐学习资源
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 根节点

您能够使用三个节点属性:parentNodefirstChild 以及 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>

效果图

小白教程网www.2d5.net

image.png



上一篇: HTML DOM 节点列表长度 下一篇: DOM 根节点
毕业设计网             广告联系QQ:45157718(微信同号)