通過元素ID訪問元素是訪問DOM中頁面元素的基本方法,這在編程的世界都是需要經(jīng)常使用的,那么Document 對象的常用方法大家都清楚嗎?下面就跟著錯新技術(shù)頻道小編來了解吧!
1、getElementById(id)
通過元素的ID訪問元素,這是DOM一個基礎(chǔ)的訪問頁面元素的方法,我們要經(jīng)常用到它.
例如下面的例子,我們可以同DIV的ID迅速的訪問到它,而不必通過DOM層層遍歷,
?
?
?
?
h
?
?
?
注意使用這個函數(shù)時如果元素的ID不是唯一的,那么會獲得第一個符合條件的元素。
在IE6中如果input、checkbox,radio. 等元素name匹配指定的ID,也會被訪問到
例如下面的例子中,獲得的元素是input:
?
?
?
2、getElementsByName(name)
返回名字是name的元素數(shù)組,在IE6中元素ID匹配這個名字的話,這個元素也將包括在內(nèi),而且getElementsByName()僅用于象input,radio,checkbox等元素對象。
象下面例子中g(shù)eorges數(shù)組的長度應(yīng)該是0。
?
?
?
?
?
?
?
?
?
hi
?
hello
上面的例子中給DIV添加文本,也可以用newdiv.innerHTML=”A new div”實現(xiàn),
不過innerHTML不屬于DOM
2、removeChild(childreference)
移除當(dāng)前節(jié)點的子節(jié)點,返回被移除的節(jié)點。這個被移除的節(jié)點可以被插入document樹中別的地方
3、cloneNode(deepBoolean)
復(fù)制并返回當(dāng)前節(jié)點的復(fù)制節(jié)點,這個復(fù)制得到的節(jié)點是一個孤立的節(jié)點,不在document樹中。復(fù)制原來節(jié)點的屬性值,包括ID屬性,所以在把這個新節(jié)點加到document之前,一定要修改ID屬性,以便使它保持唯一。當(dāng)然如果ID的唯一性不重要可以不做處理。
這個方法支持一個布爾參數(shù),當(dāng)deepBoolean設(shè)置true時,復(fù)制 當(dāng)前節(jié)點的所有子節(jié)點,包括該節(jié)點內(nèi)的文本。
11111
4、replaceChild(newChild, oldChild)
把當(dāng)前節(jié)點的一個子節(jié)點換成另一個節(jié)點
例如:
新聞熱點
疑難解答
圖片精選