1. 程式人生 > >js DOM

js DOM

val .get 1-1 In 集合 -s class 說明 cls

1-1 DOM查找
document.getElementById()
功能:返回擁有這個id的第一個對象的引用
返回:dom對象
如果頁面中id不存在 會返回null 如果有重復的id返回第一個

document.getElementsByTagName("tag")
功能:返回一個對所有標簽引用的集合
返回:數組
說明:tag為要獲取的標簽的名稱

1-5 DOM(如何設置元素樣式)
設置元素樣式
語法:element.style.styleName=styleValue
說明:
element 為設置樣式的DOM對象
styleName為要設置的樣式名稱 註不能使用“-” 例如font-size 使用駝峰形式命名fontSize
styleValue設置的樣式值

1-9 DOM(innerHTML和className)
innerHTML 獲取和設置標簽之間的文本和html內容
語法:element.innerHTML
功能:返回ele元素開始和結束標簽之間的HTML
ele.innerHTML="html"
功能:設置ele元素開始和結束標簽之間的HTMl內容為html

className
ele.className 獲取元素的class屬相
ele.className="cls" 設置元素的class屬性為cls

1-13 DOM屬性設置與獲取
獲取屬性
語法 ele.getAttribute("attribute") 獲取ele元素的attribute屬性
說明 ele是要操作的dom對象 attribute是要獲取的html屬性(如:id type)

設置屬性
語法:ele.setAttribute("attribute",value)
說明
ele是要操作的dom對象 attribute為要設置的屬性名稱 value為設置的attribute屬性的值

刪除屬性
語法:ele.removeAttribute("attribute")
說明
ele是要操作的dom對象 attribute為要刪除的屬性名稱

js DOM