javascript的DOM編程

javascript的DOM編程

訪問HTML元素方式

→根據ID訪問HTML元素。

→根據節點關係訪問HTML元素。

 

常用的有

document.getElementById("idVal");

得到ID名字為idVal的節點。

document.getElementsByName("name")；

返回的是name屬性為name的標籤集合

document.getElementsByTagName("input")

返回標所有的input標籤的集合

 

----------------DOM的增刪改查

增：

 

1.建立節點使用的是 document.createElement(Tag) 其中Tag必須是一個合法的HTML標籤名字

複製節點使用的是Node cloneNode（boolean deep） 當deep為true的時候表示複製當前節點的時候，也複製裡面的全部內容 否則是複製她自己

2.添加節點 appendChild（Node newNode）添加為最後一個節點

insertBefore（Node newNode， Node refNode）添加到refNode節點的前面

replaceChild（Node newNode， Node oldNode）替換節點

刪：

刪除節點使用 removeChild(oldNode) 刪除oldNode節點 參數可以使對象也可以是數字

 

改：

得到要修改的元素然後修改innerHTML或者其value。

 

查：

 

訪問節點：使用document.getElementById("id");

還可以使用節點之間的兄弟關係。

訪問表單：使用document.getElementById('form').elements[0] 返回的是表單中的第一個元素。

document.getElementById('form').elements['pass'] 返回name為pass的表單元素。

訪問列表框： document.getElementById('select').options[n] 挑選清單中的第n個元素。

 

訪問表格元素：document.getElementById('table').row[1].cells[2] 返回表格的第2行的第三格。