欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML node相關(guān)的一些資料整理

 更新時(shí)間:2010年01月01日 23:23:54   作者:  
HTML node相關(guān)的一些資料整理
一、HTML DOM是一個(gè)樹(shù)型的對(duì)象

二、每個(gè)node都包含該節(jié)點(diǎn)的某些信息,分別是:

   1. nodeName
     nodeName 屬性含有某個(gè)節(jié)點(diǎn)的名稱(chēng)。

* 元素節(jié)點(diǎn)的 nodeName 是標(biāo)簽名稱(chēng)
* 屬性節(jié)點(diǎn)的 nodeName 是屬性名稱(chēng)
* 文本節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #text
* 文檔節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #document

     注釋?zhuān)簄odeName 所包含的 XML 元素的標(biāo)簽名稱(chēng)永遠(yuǎn)是大寫(xiě)的

   2. nodeValue

對(duì)于文本節(jié)點(diǎn),nodeValue 屬性包含文本。

對(duì)于屬性節(jié)點(diǎn),nodeValue 屬性包含屬性值。

nodeValue 屬性對(duì)于文檔節(jié)點(diǎn)和元素節(jié)點(diǎn)是不可用的。

   3. nodeType

nodeType 屬性可返回節(jié)點(diǎn)的類(lèi)型。

最重要的節(jié)點(diǎn)類(lèi)型是:
元素類(lèi)型 節(jié)點(diǎn)類(lèi)型
元素 1
屬性 2
文本 3
注釋 8
文檔 9
三、修改節(jié)點(diǎn)

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

    此操作會(huì)更改newfathernode和childnode之間的關(guān)系為父子節(jié)點(diǎn),并且會(huì)自動(dòng)導(dǎo)致childnode的oldfathernode不在擁有此childnode節(jié)點(diǎn).

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


四、程序示例
復(fù)制代碼 代碼如下:

<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>

相關(guān)文章

  • js從外部獲取圖片的實(shí)現(xiàn)方法

    js從外部獲取圖片的實(shí)現(xiàn)方法

    下面小編就為大家?guī)?lái)一篇js從外部獲取圖片的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的, 現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-08-08
  • FullCalendar日歷插件應(yīng)用之?dāng)?shù)據(jù)展現(xiàn)(一)

    FullCalendar日歷插件應(yīng)用之?dāng)?shù)據(jù)展現(xiàn)(一)

    fullcalendar作為一個(gè)功能完善的日歷插件使用非常廣泛,在web開(kāi)發(fā)開(kāi)發(fā)過(guò)程 中非常流行。它與ext js 中的calendar非常類(lèi)似,但考慮到extjs 比較“復(fù)雜龐大”,所以我在開(kāi)發(fā)開(kāi)發(fā)過(guò)程中都會(huì)優(yōu)先考慮fullcalendar
    2015-12-12
  • 原生js開(kāi)發(fā)的日歷插件

    原生js開(kāi)發(fā)的日歷插件

    本文主要分享了原生js開(kāi)發(fā)的日歷插件的示例代碼。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02
  • JS如何把字符串轉(zhuǎn)換成json

    JS如何把字符串轉(zhuǎn)換成json

    這篇文章主要介紹了JS如何把字符串轉(zhuǎn)換成json,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-02-02
  • JS document form表單元素操作完整示例

    JS document form表單元素操作完整示例

    這篇文章主要介紹了JS document form表單元素操作,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript form表單元素獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下
    2020-01-01
  • arcgis for js 修改infowindow樣式的方法

    arcgis for js 修改infowindow樣式的方法

    下面小編就為大家?guī)?lái)一篇arcgis for js 修改infowindow樣式的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-11-11
  • js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框完整實(shí)例【測(cè)試可用】

    js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框完整實(shí)例【測(cè)試可用】

    這篇文章主要介紹了js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框,結(jié)合完整實(shí)例形式分析了原生JavaScript實(shí)現(xiàn)的可拖拽非模態(tài)對(duì)話框?qū)崿F(xiàn)技巧與使用方法,需要的朋友可以參考下
    2023-04-04
  • 解決Layui數(shù)據(jù)表格的寬高問(wèn)題

    解決Layui數(shù)據(jù)表格的寬高問(wèn)題

    今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格的寬高問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • 控制input輸入框中提示信息的顯示和隱藏的方法

    控制input輸入框中提示信息的顯示和隱藏的方法

    這篇文章主要介紹了怎樣控制input輸入框中提示信息的顯示和隱藏 ,需要的朋友可以參考下
    2014-02-02
  • 紅米手機(jī)搶購(gòu)的js代碼

    紅米手機(jī)搶購(gòu)的js代碼

    這篇文章主要介紹了紅米手機(jī)搶購(gòu)時(shí)返回的js代碼,制作紅米搶購(gòu)軟件時(shí)可以用到,,需要的朋友可以參考下
    2014-03-03

最新評(píng)論