JavaScript Dom基礎

標籤：type   屬性   集合   attribute   ntb   引用   之間   元素   asc   

一、DOM尋找

　　　1、document.getElementById("id")

　　　　　-功能：返回對擁有指定ID的第一個對象的引用

　　　　　-傳回值：DOM對象

　　　　　-說明：id為DOM元素上id屬性的值

　　　2、document.getElementByTagName("tag")

　　　　　　-功能：返回一個對所有tag標籤引用的集合

　　　　　　-傳回值：數組

　　　　　　-說明：tag為要擷取的標籤名稱

 

二、DOM設定元素樣式

　　　1、ele.style.styleName=styleValue

　　　　-功能:設定ele元素的CSS樣式

　　　　-說明

　　　　　　-ele為要設定樣式的DOM對象

　　　　　　-styleName為要設定的樣式名稱

　　　　　　-styleValue為要設定的樣式值

三、innerHTML和className

　　　　1、ele.innerHTML

　　　　　　-功能：返回ele元素開始和結束標籤之間的HTML

　　　　2、ele.innerHTML="html"

　　　　　　-功能：設定ele元素開始和結束標籤之間的HTML內容為html

　　　　3、ele.className

　　　　　　-功能：返回ele元素的class屬性

　　　　4、ele.className="cls"

　　　　　　-功能：設定ele元素的class屬性為cls

四、DOM屬性設定與擷取

　　1、ele.getAttribute("attribute")

　　　　-功能：擷取ele元素的attribute屬性

　　　　-說明；

　　　　　　-ele是要操作的DOM對象

　　　　　　-attribute是要擷取的html屬性（如：id,type）

　　2、ele.setAttribute("attribute",value)

　　　　-功能：在ele元素上設定屬性

 　　　  -說明：

　　　　　　-ele是要操作的dom對象

　　　　　　-attribute為要設定的屬性名稱

　　　　　　-value為設定attribute屬性的值

 

 

 

 

 

 

　　

 

JavaScript Dom基礎