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,今天就说到这里,下一节为:关于字符串

原创粉丝点击