【javascript总结】javascript的DOM编程
2015-05-09 13:27
288 查看
访问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个元素。
访问表格元素
document.getElementById('table').row[1].cells[2]//返回表格的第2行的第三格。
相关文章推荐
- Javascript学习总结-DOM编程-(七)
- JavaScript DOM编程基本原则和习惯总结(JavaScript+DOM编程艺术)
- JavaScript学习总结(九)——Javascript面向(基于)对象编程
- [JavaScript]树形菜单 DOM 脚本编程实例
- javascript性能优化总结 —— 编程习惯篇
- DHTML (JavaScript Dom 编程艺术)
- Javascript 编程小技巧总结(部分内容借鉴他人)
- JavaScript--DOM编程核心
- JavaScript DOM 编程艺术(小记)
- javascript DOM编程实例(智播客学习)
- JavaScript Dom 编程艺术学习笔记之DOM操作
- javascript DOM 学习总结 (1)
- JavaScript---DOM编程核心
- JavaScript学习总结-技巧、实用函数、简洁方法、编程细节
- JavaScript的DOM编程--01--js代码的写入位置
- javascript之DOM编程实现城市的联动框
- javascript DOM常用API总结
- JavaScript学习总结(5)——Javascript面向(基于)对象编程
- 总结两个Javascript的哈稀对象的一些编程技巧
- Html,Css,Dom,javascript细节总结