javascript的DOM编程

页面导航:首页 > 网络编程 > JavaScript > javascript的DOM编程

javascript的DOM编程

来源: 作者: 时间:2016-02-02 09:58 【

访问HTML元素方式→根据ID访问HTML元素。→根据节点关系访问HTML元素。常用的有document getElementById( "idVal ");得到ID名字为idVal的节点。document getElementsByName( "name ");返回的是name属性

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

Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <