国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript中parentNode,childNodes,children的應(yīng)用詳解

2019-11-20 21:26:55
字體：大 中 小
供稿：網(wǎng)友

"parentNode"

常用來獲取某個(gè)元素的父節(jié)點(diǎn). 把 parentNodes 理解為容器, 在容器中有個(gè)子節(jié)點(diǎn)    

例:
<div id="parent">
<b id="child">My text</b>
</div>

在上面的代碼中, 你看到把"爹"作為一個(gè) div 容器, 該容器中有個(gè)"孩子", 就是粗體的文字部分. 如果你打算用getElementById() 方法獲取粗體元素并且想知道它"爹"是誰, 返回的信息將是一個(gè) div. 演示下面的腳本, 你就知道是怎么回事啦 ...

引用:

復(fù)制代碼 代碼如下:

<div id="parent">
<b id="child">My text</b>
</div>

<script type="text/javascript">
<!--

alert(document.getElementById("child").parentNode.nodeName);
//-->
</script>


用 parentNode 不一定只找到一個(gè)"爹", "兒子"也可以成為"爹", 如下面的例子 ...

引用:

復(fù)制代碼 代碼如下:

<div id="parent">
         <div id="childparent">
           <b id="child">My text</b>
         </div>
</div>

上面這段代碼中有兩個(gè)"爹"和兩個(gè)"孩子". 頭一個(gè) div ( id "parent") 是第二個(gè) div (childparent) 的"爹".          
在 "childparent" 中有個(gè)粗體元素(id "child"), 是 "childparent" div 的"孩子". 那么, 如何訪問到"爺爺" (id "parent")? 很簡(jiǎn)單 ....

引用:

復(fù)制代碼 代碼如下:

<div id="parent">
          <div id="childparent">
             <b id="child">My text</b>
          </div>
</div>

<script type="text/javascript">
<!--

alert(document.getElementById("child").parentNode.parentNode.nodeName);

//-->
</script>


注意到兩個(gè) parentNode 連用了嗎? "parentNode.parentNode". 第一個(gè) parentNode 是 div ( id "childparent"), 因?yàn)槲覀円玫阶钔鈱拥母冈? 所以另外加了一個(gè) parentNode 就到了 div ( id "parent").
使用 parentNode 不只找到某個(gè)元素的 nodeName, 還會(huì)更多. 例如, 你可以獲取包含大量元素的父節(jié)點(diǎn), 并在末尾添加一個(gè)新的節(jié)點(diǎn).
IE 有它自己的名稱叫做 "parentElement", 對(duì)于交叉瀏覽器腳本建議使用 parentNode.

再

主站蜘蛛池模板： 扶沟县| 福鼎市| 温宿县| 特克斯县| 碌曲县| 葵青区| 集安市| 和田县| 年辖：市辖区| 五常市| 宝山区| 阿城市| 恭城| 静宁县| 宕昌县| 民权县| 隆林| 平武县| 五大连池市| 巴南区| 邮箱| 宁乡县| 保定市| 濮阳县| 陵水| 股票| 漳平市| 徐州市| 乌拉特前旗| 手游| 宁陵县| 普兰店市| 义马市| 集安市| 吴旗县| 海安县| 梧州市| 礼泉县| 长寿区| 深圳市| 镇康县|