獲取JS元素的方法

獲取頁面元素的方式

1.通過js的dom方法:可以使用內置對象 document 上的 getElementById 方法來獲取頁面上設 置了 id 屬性的元素,獲取到的是一個 html 對象,然後將它賦值給一個變量.

(1)將 javascript 語句放到 window.onload 觸發的函數里面,獲取元素的語句會在頁面加載完後才執行.

屬性的寫法

1、html 的屬性和 js 裡面屬性寫法一樣

2、“class” 屬性寫成 “className”

3、“style” 屬性裡面的屬性，有橫槓的改成駝峰式

(2)：將 javascript 放到頁面最下邊 (寫入body中)

2.通過getElementsByclassName()根據元素的class獲取元素

因為getElementsByClassName()獲取到的結果是一個集合,要想獲取單個的元素使用索引的方式獲取

3.通過getElementsByTagname():根據元素標籤名稱獲取元素(返回集合對象數組,可以通過*方式獲取頁面上所有的元素)

innerHTML和innerText的區別:

共同點：innerHTML和innerText都會把元素內內容替換掉。

不同點：(1)innerHTML:也就是從對象的起始位置到終止位置的全部內容,包括Html標籤。

(2)innerText:從起始位置到終止位置的內容, 但它去除Html標籤

innerHTML是符合W3C標準的屬性，而innerText只適用於IE瀏覽器，因此，儘可能地去使用innerHTML。

小編這裡整理了web前端的學習資料，相信有很多對web前端感興趣的小夥伴，那就趕緊行動起來吧，關注小編，私信【學習】，即可免費獲得哦！