原生js的常用dom元素操簡單介紹

antzone發表於2017-04-03
JS

本章節簡單介紹幾個dom元素操作中常用的幾個方法或者屬性。

一.通過id獲取元素物件:

使用document.getElementById()方法即可實現此功能。

具體可以參閱document.getElementById()方法一章節。

二.元素指定型別標籤集合:

使用getElementTagName()方法可以實現此功能。

具體可以參閱document.getElementsByTagName()一章節。

三.獲取元素中額HTML內容:

可以使用innerHTML屬性實現此功能。

具體可以參閱js innerHTML一章節。

四.使用style設定元素的樣式:

使用dom.style.property的方式可以設定或者獲取元素的樣式屬性。

當然這個樣式屬性只能是使用標籤內容style方式定義的，例如<div style="width:100px"></div>。

具體可以參閱js實現style方式設定元素的樣式一章節。

五.設定或者獲取元素的class樣式類:

使用className屬性即可實現此功能。

具體可以參閱js className一章節。


相關文章