document對象操作

目的：找到文檔元素后賦給變量，對變量進行操作。

一.找到元素

<div id="a">這是元素111</div>

<div class="b">這是元素222</div>

<div >這是元素333</div>

<input type="button" value="按鈕" name="c"/>

1.通過ID找元素：document.getElementById("a")

2.通過class找元素：document.getElementsByClassName("b")

3.通過標簽找元素：document.getElementsByTagName("div")

4.通過表單找元素：document.getElementsByName("c")?

表單也可以通過前三種方法找元素，除了ID外其他方法都是通過返回數組找索引號獲取元素的。

二.操作

分為三類：操作內容，操作屬性，操作樣式。第一步都要先找到元素并賦值給一個變量。

var m=document.getElementById("a")

1.操作內容：

獲取內容：m.innerText

修改內容：m.innerText="要修改的內容"

獲取內容（含標簽）：m.innerHTML

修改內容（含標簽）：m.innerHTML="<b>通過標簽要修改的內容</b>"

修改表單內容可以直接通過修改value值改變。

2.操作屬性：

獲取屬性：m.getAttribute(" ") 引號里為屬性名。

修改屬性：m.setAttribute(" "),(" ") 一個引號里為屬性名，第二個引號里為屬性值。

刪除屬性：m.removeAttribute(" ")

3.操作樣式：

獲取樣式：m.style.樣式名 （只能操作內聯）

修改樣式：m.style.樣式名="樣式屬性"

?

轉載于:https://www.cnblogs.com/wyc1991/p/8686273.html

總結

以上是生活随笔為你收集整理的DOM2-document操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。