DOM操作
来源:互联网 发布:傲来网络 编辑:程序博客网 时间:2024/05/17 22:48
对于数据库来说,具有增删改查功能,在web前端开发,对于dom元素亦存在增删改查功能。
一、查
1、通过ID名查:document.getElementById(“id名”);
2、通过标签元素查:document.getElementsByTagName(“标签”);
3、通过类名查:document.getElementsByClassName(“类名”);
4、通过元素父节点查:
(1)父节点:parentNode;
(2)获取下一个兄弟节点:
a.nextSibling:获取下一个节点
b.nextElementSibling:获取下一个元素节点
(3)获取上一个兄弟节点:
a.perviousSibling:获取上一个节点
b.perviousElementSibling:获取上一个元素节点
(4)子节点:chiledNodes
(5)获取第一个子节点:firstChild;
(6)获取第一个元素子节点:firstElementChild
(7)获取所有标签子节点:children;该方法由父元素调用
二、增
(1)创建节点:document.creatElement(“元素”);
(2)添加为最后一个子节点:父节点.appendChild(新的节点);
(3)添加到指定节点前:父节点.inserBefore(新节点,参考节点);
(4)复制节点:var 新节点=老节点.cloneNode();
三、删
(1)删除节点:父节点.removeChild(所要删除的节点);
四、节点属性
(1)获取属性:getAttribute(“属性名”);
(2)设置属性:setAttribute(“属性名”,“属性值”);
(3)删除属性:removeAttribute(“属性名”);
OK,今天就说到这里,下一节为:关于字符串
- [DOM]javascript DOM操作
- DOM操作
- DOM操作
- DOM操作
- dom操作
- Dom 操作
- Dom操作
- DOM操作
- DOM操作
- #DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- 机器学习-导论
- lintcode有效的括号序列
- Git 常用操作(二)
- hdu5877 Weak Pair(dfs+线段树+离散化)
- Linux文件目录结构
- DOM操作
- pom.xml
- LinuxStudyNote(23)-Linux常用命令(3)-修改权限命令(2)chown、chgrp、umask、权限掩码
- 每个电商企业都应该分析的9种数据
- python 数据类型和变量
- 小刚的博客
- Mongo数据库简单操作 (本地)
- 值得关注的用户指标
- PHP安装(不是专业安装,简单方法)