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

首頁 > 編程 > JavaScript > 正文

HTML node相關的一些資料整理

2019-11-21 00:50:51
字體:
來源:轉載
供稿:網友
一、HTML DOM是一個樹型的對象

二、每個node都包含該節點的某些信息,分別是:

   1. nodeName
     nodeName 屬性含有某個節點的名稱。

* 元素節點的 nodeName 是標簽名稱
* 屬性節點的 nodeName 是屬性名稱
* 文本節點的 nodeName 永遠是 #text
* 文檔節點的 nodeName 永遠是 #document

     注釋:nodeName 所包含的 XML 元素的標簽名稱永遠是大寫的

   2. nodeValue

對于文本節點,nodeValue 屬性包含文本。

對于屬性節點,nodeValue 屬性包含屬性值。

nodeValue 屬性對于文檔節點和元素節點是不可用的。

   3. nodeType

nodeType 屬性可返回節點的類型。

最重要的節點類型是:
元素類型節點類型
元素1
屬性2
文本3
注釋8
文檔9
三、修改節點

  1. [newfathernode].appendChild([childnode])

    此操作會更改newfathernode和childnode之間的關系為父子節點,并且會自動導致childnode的oldfathernode不在擁有此childnode節點.

  2. [newfathernode].removeChild([childnode])


四、程序示例
復制代碼 代碼如下:

<html>
<body>
<div id="div1">
<div id="div3">
</div>
</div>
<div id="div2">
</div>
<script>
function $id(id){
return document.getElementById(id);
}

function CountNodes(arr){
var len = arr.length;
var i = 0;
while(len--){
(arr[len].nodeType==1) && i++;
}
return i;
}

window.onload = function(){
alert(CountNodes($id("div2").childNodes));
$id("div2").appendChild($id("div3"));
alert(CountNodes($id("div1").childNodes));
alert(CountNodes($id("div2").childNodes));
}
</script>
</body>
</html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿克陶县| 鄢陵县| 天水市| 保亭| 堆龙德庆县| 丹凤县| 会理县| 久治县| 会宁县| 定襄县| 镇雄县| 临安市| 高密市| 临沧市| 米林县| 光山县| 敦煌市| 中西区| 淳化县| 新龙县| 琼中| 广南县| 景宁| 北票市| 大余县| 麻栗坡县| 明水县| 钟祥市| 什邡市| 定日县| 微博| 四子王旗| 泌阳县| 江孜县| 手游| 东乌珠穆沁旗| 赤壁市| 大化| 苏尼特右旗| 石泉县| 清水县|