dom筆記

節(jié)點(diǎn)

每一個(gè)節(jié)點(diǎn)都是一個(gè)對(duì)象控轿;

  • 元素節(jié)點(diǎn)(標(biāo)簽如<body>)
  • 屬性節(jié)點(diǎn)(所有的屬性都被元素包含,如<p>中的title="A picture")
  • 文本節(jié)點(diǎn)(文本)

獲取元素

獲取的都是對(duì)象茬射,因?yàn)槲臋n中每一個(gè)元素都是對(duì)象;

  • getElementById
  • getElementsByTagName
    返回一個(gè)對(duì)象數(shù)組在抛,允許把一個(gè)通配符作為它的參數(shù),如:
alert(document.getElementsByTagName("*").length) 
//可知道某份文檔里共有多少個(gè)元素節(jié)點(diǎn)
  • getElementsByClassName
    返回一個(gè)對(duì)象數(shù)組,使用這個(gè)方法還可以查找那些帶有多個(gè)類名的元素刚梭,只需在字符串參數(shù)中用空格分隔類名即可。如:
alert(document.getElementsByClassName("important sale").length)

注意:即使在元素的class屬性中望浩,類名的順序是"sale important",也會(huì)照樣匹配該元素磨德。不僅類名的實(shí)際順序并不重要,就算元素還帶有更多類名也沒(méi)關(guān)系典挑。

獲取和設(shè)置屬性

  • getAttribute
var paras=document.getElementByTagName("p")
for(var i=0;i<paras.length;i++){
    alert(paras[i].getAttribute("title"));
}

以上如果沒(méi)有title屬性,則getAttribute("title")方法會(huì)返回null值您觉;

getAttribute方法不屬于document對(duì)象,所以不能通過(guò)docume對(duì)象調(diào)用琳水,只能通過(guò)元素節(jié)點(diǎn)對(duì)象調(diào)用肆糕。

  • setAttribute
    和getAttribute一樣在孝,只能用于元素節(jié)點(diǎn);
xx.setAttribute("title","a list of goods")

childNodes屬性

在一棵節(jié)點(diǎn)樹(shù)上私沮,childNodes屬性可以用來(lái)獲取任何一個(gè)元素的所有子元素,它是一個(gè)包含這個(gè)元素全部子元素的數(shù)組仔燕;

var body_element=document.getElementByTagName('body')[0];
alert(body_element.childNodes.length);

nodeType屬性

每一個(gè)節(jié)點(diǎn)都有nodeType屬性。

node.nodeType

nodeType的值是一個(gè)數(shù)字

  • 元素節(jié)點(diǎn)的nodeType屬性值是1
  • 屬性節(jié)點(diǎn)的屬性值是2
  • 文本節(jié)點(diǎn)的屬性值是3

nodeValue屬性

使用 nodeValue屬性可以改變一個(gè)文本節(jié)點(diǎn)的值

如:<p id="description">A tree</p>

var desription=document.getElementById("description");
alert(description.nodevalue);
//null,因?yàn)閜元素本身的nodeVlue值是一個(gè)空值晰搀,我們真正需要的是<p>所包含的文本的值
alert(description.childNodes[0].nodeValue);//A tree

firstChild和lastChild屬性

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市奔脐,隨后出現(xiàn)的幾起案子俄周,更是在濱河造成了極大的恐慌髓迎,老刑警劉巖建丧,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異翎朱,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)拴曲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)澈灼,“玉大人,你說(shuō)我怎么就攤上這事叁熔。” “怎么了荣回?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)心软。 經(jīng)常有香客問(wèn)我,道長(zhǎng)删铃,這世上最難降的妖魔是什么耳贬? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任泳姐,我火速辦了婚禮,結(jié)果婚禮上胖秒,老公的妹妹穿的比我還像新娘。我一直安慰自己阎肝,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布风题。 她就那樣靜靜地躺著嫉父,像睡著了一般。 火紅的嫁衣襯著肌膚如雪眼刃。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,736評(píng)論 1 312
  • 那天擂红,我揣著相機(jī)與錄音,去河邊找鬼昵骤。 笑死树碱,一個(gè)胖子當(dāng)著我的面吹牛成榜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蹦玫,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼钳垮!你這毒婦竟也來(lái)了惑淳?” 一聲冷哼從身側(cè)響起歧焦,我...
    開(kāi)封第一講書(shū)人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎绢馍,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體肠套,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年瓷耙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片搁痛。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖宇弛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情枪芒,我是刑警寧澤谁尸,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站良蛮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏悍赢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一泽裳、第九天 我趴在偏房一處隱蔽的房頂上張望破婆。 院中可真熱鬧涮总,春花似錦祷舀、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)饰豺。三九已至,卻和暖如春冤吨,著一層夾襖步出監(jiān)牢的瞬間蒿柳,已是汗流浹背漩蟆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怠李,地道東北人圾叼。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓夷蚊,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親翘簇。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • ??DOM(文檔對(duì)象模型)是針對(duì) HTML 和 XML 文檔的一個(gè) API(應(yīng)用程序編程接口)叫胁。 ??DOM 描繪...
    霜天曉閱讀 3,657評(píng)論 0 7
  • 本章內(nèi)容 理解包含不同層次節(jié)點(diǎn)的 DOM 使用不同的節(jié)點(diǎn)類型 克服瀏覽器兼容性問(wèn)題及各種陷阱 DOM 是針對(duì) HT...
    悶油瓶小張閱讀 644評(píng)論 0 1
  • 第3章 基本概念 3.1 語(yǔ)法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡(jiǎn)單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,132評(píng)論 0 21
  • Element 類型 除了 Document 類型之外,Element 類型就要算是 Web 編程中最常用的類型了...
    劼哥stone閱讀 636評(píng)論 0 3
  • 作者:水波楊山 圖片:來(lái)自網(wǎng)絡(luò) (一) 最近小區(qū)門口堆了一堆建筑用的沙子输钩。 第一次看到這堆沙子,是前天傍晚买乃,我從外...
    水波楊山閱讀 628評(píng)論 2 4