Document.getElement方法

? 當(dāng)我們想要操作DOM元素的時(shí)候，很多時(shí)候都是選擇使用getElement方法去獲取到這個(gè)元素的集合，然后通過設(shè)置相關(guān)的屬性值來進(jìn)行操作。下面是一些總結(jié)類小筆記：

1. getElementById

? 通過id去獲取DOM元素，一般是去準(zhǔn)確的操作某一個(gè)元素，當(dāng)然name只有一個(gè)DOM有時(shí)，也是操作這一個(gè)，但要知道id的特點(diǎn)就是他的唯一性。

2.getElementsByName

? 這個(gè)方法是通過name去獲取DOM元素集合，可以獲取所有name匹配的元素。注意方法返回的是集合(可以理解為結(jié)構(gòu)是數(shù)組但數(shù)組方法卻不能夠用的一類數(shù)據(jù)結(jié)構(gòu))而不是數(shù)組。如果你想要去想數(shù)組一樣操作getElementsByName返回的數(shù)據(jù)，你可以使用Array.prototype.slice.call()來進(jìn)行轉(zhuǎn)換，從而使用數(shù)組相關(guān)操作。

例如： const nameList = document.getElementsByName(); const nameArr = Array.prototype.slice.call(nameList);

3.getElementsByTagName

? 這個(gè)方法同name，只不過獲取的是同一類元素標(biāo)簽(tag)的集合，如果想轉(zhuǎn)化成數(shù)組進(jìn)行操作元素，方法與上面的getElementsByName相同。

總結(jié)

以上是生活随笔為你收集整理的Document.getElement方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。