《JavaScript DOM 編程藝術(shù)》讀書筆記之JavaScript 圖片庫(kù)
改變圖片的src屬性的兩種方式：
1，setAttribute方法是“第1級(jí)DOM”的組成部分，它可以設(shè)置元素節(jié)點(diǎn)的任意屬性。
2，element.src = source;這是在“第1級(jí)DOM”出現(xiàn)之前的方法，現(xiàn)在也有效。
“第1級(jí)DOM”的優(yōu)勢(shì)是可移植性好，那些老方法只適用于Web文檔，DOM則適用于任何一種標(biāo)記語(yǔ)言。
事件處理函數(shù)
當(dāng)點(diǎn)擊某個(gè)鏈接時(shí)，我希望留在這個(gè)網(wǎng)頁(yè)面而不是轉(zhuǎn)到另一個(gè)窗口，代碼如下：
當(dāng)點(diǎn)擊這個(gè)鏈接時(shí)，因?yàn)閛nclick事件處理函數(shù)所觸發(fā)的Javascript代碼返回的值是false，所以這個(gè)鏈接的默認(rèn)行為沒有被觸發(fā).
childNodes屬性
childNodes屬性可以用來獲取任何一個(gè)元素的所有子元素。由childNodes屬性返回的數(shù)組包含所有類型的節(jié)點(diǎn)，而不僅僅是元素節(jié)點(diǎn)。事實(shí)上，文檔里幾乎每一樣?xùn)|西都是一個(gè)節(jié)點(diǎn)，甚至連空格和換行符都會(huì)被解釋為節(jié)點(diǎn)，而它們?nèi)及赾hildNodes屬性所返回的數(shù)組中。
但每個(gè)節(jié)點(diǎn)都有nodeType屬性。nodeType屬性總共有12種可取值，但其中僅有3種具有使用價(jià)值：元素節(jié)點(diǎn)的nodeType屬性值是1，屬性節(jié)點(diǎn)的nodeType屬性值是2，文本節(jié)點(diǎn)的nodeType屬性值是3.
如果想改變一個(gè)文本節(jié)點(diǎn)的值，那么就用DOM提供的nodeValue屬性。
數(shù)組元素childNodes[0]有個(gè)更直觀易讀的同義詞，可以把它寫成firstChild；DOM還提供了一個(gè)與之對(duì)應(yīng)的lastChild屬性。
示例：
<p id="description">Choose an image</p>
首先創(chuàng)建一個(gè)變量來存放它：
var description = document.getElementById("description");
description.nodeValue的返回值是null。<p>元素本身的nodeValue屬性是一個(gè)空值，而如果想要得到<p>元素包含的文本的值，要用description.childNodes[0].nodeValue或者description.firstChild.nodeValue
相關(guān)文章
JavaScript的9個(gè)陷阱及評(píng)點(diǎn)分析
以下是JavaScript容易犯錯(cuò)的九個(gè)陷阱。雖然不是什么很高深的技術(shù)問題，但注意一下，會(huì)使您的編程輕松些，即所謂make life easier. 筆者對(duì)某些陷阱會(huì)混雜一些評(píng)點(diǎn)。2008-05-05
今天小編就為大家分享一篇layui彈出層按鈕提交iframe表單的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JS正則驗(yàn)證多個(gè)郵箱完整實(shí)例【郵箱用分號(hào)隔開】
這篇文章主要介紹了JS正則驗(yàn)證多個(gè)郵箱的方法,且郵箱字符串使用分號(hào)隔開,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了淺談JavaScript中的string擁有方法的原因,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了js回到頁(yè)面指定位置的三種方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
Javascript頁(yè)面跳轉(zhuǎn)常見實(shí)現(xiàn)方式匯總
這篇文章主要介紹了Javascript頁(yè)面跳轉(zhuǎn)常見實(shí)現(xiàn)方式,結(jié)合實(shí)例匯總分析了JavaScript常用的七種頁(yè)面跳轉(zhuǎn)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
Bootstrap模態(tài)對(duì)話框的簡(jiǎn)單使用
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)對(duì)話框的簡(jiǎn)單使用，感興趣的小伙伴們可以參考一下2016-04-04
js中判斷對(duì)象是否為空的三種實(shí)現(xiàn)方法
本篇文章主要是對(duì)js中判斷對(duì)象是否為空的三種實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
Javascript中判斷對(duì)象是否具有屬性的5種方法分享
這篇文章主要介紹了Javascript中判斷對(duì)象是否具有屬性的5種方法分享，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
今天小編就為大家分享一篇關(guān)于Javascript中parseInt的正確使用方式，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-10-10