访问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行的第三格。