javascript代码实例教程-javascript的DOM编程

发布时间:2019-01-19 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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行的第三格。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-javascript的DOM编程全部内容,希望文章能够帮你解决javascript代码实例教程-javascript的DOM编程所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。