码迷,mamicode.com
首页 > 编程语言 > 详细

javascript的DOM编程

时间:2015-04-10 22:10:40      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

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

javascript的DOM编程

标签:

原文地址:http://blog.csdn.net/ttf1993/article/details/44984471

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!