【javascript總結】javascript的DOM編程，javascriptdom編程

【javascript總結】javascript的DOM編程，javascriptdom編程
訪問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的時候表示複製當前節點的時候，也複製裡面的全部內容 否則是複製她自己

添加節點

 appendChild（Node newNode）//添加為最後一個節點 insertBefore（Node newNode， Node refNode）//添加到refNode節點的前面 replaceChild（Node newNode， Node oldNode）//替換節點

刪：

刪除節點

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

改

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

查

訪問節點

document.getElementById("id");//得到id為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行的第三格。