DOM对象
2015-07-16 22:35
351 查看
[b]DOM对象[/b]
DOM是网页上XHTML中文档正文标题、段落、列表、样式、ID、class以及所有其它出现的数据的一个内部表示。
对象.parentNode 获得父节点的引用
对象.childNodes 获得子节点的集合
对象.firstChild 获得第一个子节点
对象.lastChild 获得最后一个子节点
对象.nextSibling 获得下一个兄弟节点的引用
对象.previousSibling 获得上一个兄弟节点的引用
[b]二.[/b] [b] 创建节点[/b]
[b] [/b]1.创建元素节点:document.createElement("元素标签名");
父对象.appendChild(追加的对象) 插入到最后
父对象.insertBefore(要插入的对象,之前的对象) 插入到最后
三、修改(替换)节点
父对象.replaceChild(要修改的对象,被修改的);
四、删除节点
父对象.removeChild(删除的对象)
如果确定要删除节点,最好也清空内存 对象=null;
DOM是网页上XHTML中文档正文标题、段落、列表、样式、ID、class以及所有其它出现的数据的一个内部表示。
一.如何获得节点
1.访问节点getElementById() 和 getElementsByTagName() getElementByName()
getElementById() 和 getElementsByTagName() 这两种方法,可查找整个 HTML 文档中的任何 HTML 元素。getElementById() 语法
document.getElementById("ID");
getElementsByTagName() 语法
document.getElementsByTagName("标签名称");
2.通过节点 关系属性 获得节点的引用
对象.parentNode 获得父节点的引用
对象.childNodes 获得子节点的集合
对象.firstChild 获得第一个子节点
对象.lastChild 获得最后一个子节点
对象.nextSibling 获得下一个兄弟节点的引用
对象.previousSibling 获得上一个兄弟节点的引用
[b]二.[/b] [b] 创建节点[/b]
[b] [/b]1.创建元素节点:document.createElement("元素标签名");
2.创建属性节点:document.createAttribute("属性名"); 对象.属性="属性值" 对象.setAttribute(属性名,属性值) 对象.getAttribute(属性名,属性值) 3.创建文本节点:对象.innerHTML=""; document.createTextNode("文本");
父对象.appendChild(追加的对象) 插入到最后
父对象.insertBefore(要插入的对象,之前的对象) 插入到最后
三、修改(替换)节点
父对象.replaceChild(要修改的对象,被修改的);
四、删除节点
父对象.removeChild(删除的对象)
如果确定要删除节点,最好也清空内存 对象=null;
相关文章推荐
- 在linux上静默安装oracle数据库
- 【沙龙干货】如何在实际工程中使用Swift开发?
- Server SQL 发布复制事物时的错误提示:读取代理器未运行 进程无法在“WIN-XXX”上执行“sp_replcmds”
- 延迟加载div
- HOW TO SET UP ADB (ANDROID DEBUG BRIDGE) IN MAC OSX
- HTML编程之实现文字水平居中
- PHP中类的继承关系
- noi2015模板-后缀自动机
- 多个mapreduce工作相互依赖处理方法完整实例
- 关于iOS逆向工程的工具(二)
- C#子窗体调用主窗体中事件
- 完成基于哈夫曼树(最优二叉树)的压缩及解压小程序的收获
- Odi银行储蓄系统
- VC运行库依赖导致的InnoSetup安装程序调用DLL报错:无法导入DLL
- noi2015模板-最小表示
- 解决bash: mysql: command not found 的方法
- 文档对象模型DOM
- scrollview 滚动布局
- 使tableview每个section显示不同行数的方法
- Caffe框架使用类相关问题整理