JavaScript Dom編程藝術(shù) 6-

第六章:查詢?cè)?/h2>

掌握的實(shí)用方法:

  1. elment.getAttribute(“屬性名稱”)—能夠獲取到元素的屬性值

  2. element.setAttribute(“屬性名稱”,”設(shè)置的值”)—為元素的特定屬性設(shè)置特定的值

  3. element/document.getElementsByTagName(“元素名稱”)—獲取元素或者文檔中的所有該元素名稱的元素對(duì)象拧篮,并保存為數(shù)組辩块。可以用for循環(huán)取出哪怔。

  4. element.childNodes[下標(biāo)] —獲取到元素的子節(jié)點(diǎn)對(duì)象(不包含元素的屬性節(jié)點(diǎn))

  5. element.childNodes[下標(biāo)].nodeValue—獲取子節(jié)點(diǎn)對(duì)象的節(jié)點(diǎn)值(文本值)

  6. 為鏈接添加onclick事件,使html文檔和js分離


varul_a=document.getElementById("ul_a");

vararray_a=ul_a.getElementsByTagName("a");

for(var i=0;i<array_a.length;i++){

    //通過for循環(huán)為每個(gè)a鏈接添加onclick事件,并為如果img不存在時(shí)留出后路
     array_a[i].onclick=function(){
         //為瀏覽器返回一個(gè)調(diào)用函數(shù)的Boolean值丽焊,true成功(img不存在,跳轉(zhuǎn)另一個(gè)頁面)  false不成功(img存在咕别,不跳轉(zhuǎn))
            return changePIC(this);
        }
}

第七章:創(chuàng)建元素

  1. document.createElement(“標(biāo)簽名”)—?jiǎng)?chuàng)建一個(gè)游離于JavaScript世界的標(biāo)簽元素;

  2. var element=document.createTextNode(“文本字段”)—?jiǎng)?chuàng)建一個(gè)游離于JavaScript世界的文本元素;

  3. element.appendChild(element)—將創(chuàng)建的游離文本元素添加到element中;

  4. parentElement.insertBefore(new Element,target Element)—將Element元素插入到targetElement元素之前技健,eg:

target Element.parentNode.insertBefore(new Element,targetElement);
//target Element.parentNode指的是他們共同的父元素。
  1. 自定義的一個(gè)方法:parent.insertAfter(new Element,target Element);
FunctioninsertAfter(new Element,target Element){

//獲取到他們共同的父元素

var parent=target Element.parentNode;

//將父元素最后一個(gè)子元素與目標(biāo)元素進(jìn)行比較

//如果相等惰拱,則直接添加?

If(parent.lastChild==targetElement)parent.appendChild(new Element);

else{

parent.insertBefore(new Element,target Element.nextSibling);

}

}

第八章:查詢提取并創(chuàng)建

  1. for in方法for(var key in array)—key作為數(shù)組下標(biāo)array為數(shù)組對(duì)象

    但盡量不要使用for in循環(huán)

  2. IE瀏覽器不支持abbr(縮略符)

  3. document.getElementsByTagName()獲取元素時(shí)--判斷是否具有該元素并就有想要的元素屬性

  4. 獲取某個(gè)元素節(jié)點(diǎn)里面的子節(jié)點(diǎn)時(shí)--注意換行符利用NodeType判斷1 2 3

  5. 通配符---配合document.getElementByTagName()使用時(shí)雌贱,括號(hào)內(nèi)會(huì)返回所有的子元素

  6. 現(xiàn)有信息檢索并重新顯示出來:

檢索提取:document.getElementById();

Document.getElementsByTagName();

Element.getAttribute();

重新添加:document.createElement();

Document.createTextNode();

appendChild();

insertBefore();

setAttribute();

第九章:js改變變現(xiàn)層(樣式)

  1. 減號(hào)(-)加號(hào)(+)操作符—在element.style.font-size中偿短,-被認(rèn)為是分割符欣孤,font-size會(huì)被分開識(shí)別。

  2. DOM采用Camel記號(hào)--想表示font-size或者background-color等等時(shí)省略空格符昔逗。

  3. 單位值得變化—除Color樣式的例外情況:color值文本段的十六進(jìn)制會(huì)變成RGB

  4. 不提倡直接添加降传,而是更改className屬性—進(jìn)行判斷,className值為空則直接賦值:

element.className=className;不為空則:element.className+=className勾怒。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末婆排,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子笔链,更是在濱河造成了極大的恐慌段只,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鉴扫,死亡現(xiàn)場(chǎng)離奇詭異赞枕,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門炕婶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來姐赡,“玉大人,你說我怎么就攤上這事柠掂∠罨” “怎么了?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵陪踩,是天一觀的道長(zhǎng)杖们。 經(jīng)常有香客問我悉抵,道長(zhǎng)肩狂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任姥饰,我火速辦了婚禮傻谁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘列粪。我一直安慰自己审磁,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布岂座。 她就那樣靜靜地躺著态蒂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪费什。 梳的紋絲不亂的頭發(fā)上钾恢,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音鸳址,去河邊找鬼瘩蚪。 笑死,一個(gè)胖子當(dāng)著我的面吹牛稿黍,可吹牛的內(nèi)容都是我干的疹瘦。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼巡球,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼言沐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起酣栈,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤呢灶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后钉嘹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鸯乃,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了缨睡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸟悴。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖奖年,靈堂內(nèi)的尸體忽然破棺而出细诸,到底是詐尸還是另有隱情,我是刑警寧澤陋守,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布震贵,位于F島的核電站,受9級(jí)特大地震影響水评,放射性物質(zhì)發(fā)生泄漏猩系。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一中燥、第九天 我趴在偏房一處隱蔽的房頂上張望寇甸。 院中可真熱鬧,春花似錦疗涉、人聲如沸拿霉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽绽淘。三九已至,卻和暖如春闹伪,著一層夾襖步出監(jiān)牢的瞬間沪铭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來泰國打工祭往, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留伦意,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓硼补,卻偏偏與公主長(zhǎng)得像驮肉,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子已骇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

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

  • 前言 歸根結(jié)底离钝,代碼都是思想和概念的體現(xiàn)。沒人能把一種程序設(shè)計(jì)語言的所有語法和關(guān)鍵字都記住褪储,可以查閱參考書來解決卵渴。...
    朱細(xì)細(xì)閱讀 2,913評(píng)論 4 14
  • 原文 鏈接 關(guān)注公眾號(hào)獲取更多資訊 一、基本類型介紹 1.1 Node類型 DOM1級(jí)定義了一個(gè)Node接口鲤竹,該接...
    程序員poetry閱讀 3,928評(píng)論 7 34
  • 《小詩》風(fēng)云榜每周發(fā)布浪读,敬請(qǐng)大家關(guān)注。 本周上榜詩作: 1. 《孕育》 作者:王子魚 秋水簡(jiǎn)評(píng):離開母體,我們卻一...
    秋水飲馬閱讀 711評(píng)論 43 37
  • 坐定古廟處,靜聽古寺鐘聲悠揚(yáng)痘拆,余音穿越了無數(shù)靜心仰禽,靜物,靜境纺蛆! 于是吐葵,顆顆凡心離市俗漸行漸遠(yuǎn),似乎與萬事萬物通體桥氏,...
    鐘陽書閱讀 489評(píng)論 0 4