国产探花免费观看_亚洲丰满少妇自慰呻吟_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.

再

主站蜘蛛池模板： 湘潭县| 武定县| 瑞丽市| 客服| 九寨沟县| 东源县| 翁牛特旗| 苗栗市| 长岛县| 伊宁市| 上犹县| 公安县| 辰溪县| 彩票| 都江堰市| 安庆市| 哈密市| 镇巴县| 越西县| 满洲里市| 江口县| 逊克县| 昌吉市| 彰武县| 德格县| 二连浩特市| 苍梧县| 宝鸡市| 读书| 虎林市| 舒兰市| 高邑县| 盐津县| 象州县| 岳西县| 宁南县| 和田县| 和田县| 镇巴县| 独山县| 齐河县|