原生JavaScript对dom节点操作总结-js教程-PHP中文网

原生JavaScript对dom节点操作总结

韦小宝

发布： 2018-03-09 14:10:09

原创

2220人浏览过

在开发javascript程序的时候使用到最多的就是对dom的操作，今天我们也就把就把原生javascript对dom节点的操作进行一个总结，大家对javascript操作dom节点理解的不完全的可以看看。

1、获取元素节点

获取单个元素：document.getElementById(); document.querySelector()//获取第一个元素;

获取多个元素(可以通过下标来选取单个元素，返回一个元素集合，相当于一个数组)：

document.getElementsByTagName(); 
document.getElementsByName(); 
document.getElementsByClassName();// 动态，实时的 
document.querySelectorAll();// 查找速度比上面的块 //是静态的，非实时的，

登录后复制

创建元素，文本

立即学习“Java免费学习笔记（深入）”；

document.createElement(“p”)； 
document.createNode(“hello”) //创建文件节点。

登录后复制

插入到文档

parentNode.appendChild(newNode)， 
parentNode.insertBefore(newNode，positionNode)；

登录后复制

属性操作

iOS开发学习之iOS多线程和RunLoop 中文WORD版

iOS多线程编程对于iOS开发初学者来说，总是会觉得很难理解和掌握，现在通过几个实例来更加系统全面的理解iOS多线程编程，希望对大家有所帮助。有些程序是一条直线，起点到终点；有些程序是一个圆，不断循环，直到将它切断。直线的如简单的Hello World，运行打印完,它的生命周期便结束了，像昙花一现那样；圆如操作系统，一直运行直到你关机。一个运行着的程序就是一个进程或者叫做一个任务，一个进程至少包含一个线程，线程就是程序的执行流。Mac和iOS中的程序启动，创建好一个进程的同时，一个线程便开始运行，

查看详情

ele.setAttribute(name，value)//设置属性 
ele.getAttribute(name)//获取元素的属性 
ele.removeAttribute(name)//移除属性

登录后复制

节点移除

ele.remove(),parentNode.removeChild(childNode)

登录后复制

替换子元素

parentNode.replaceChild(newNode,oldNode)

登录后复制

复制元素

ele.cloneNode(boolean);// boolean为true， 深复制。

登录后复制

2、获取子元素、父元素、兄弟元素

ele.previousElementSibling;//上一个兄弟元素 
ele.parentNode;//父元素 
ele.children//子元素 
ele.nextElementSibling//下一个兄弟元素

登录后复制

更多关于节点操作：

jQuery中DOM节点操作方法总结

以上就是原生JavaScript对dom节点操作总结的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

网络爬虫编写_javascript数据采集数组操作方法大全_javascript数据处理 JavaScript消息队列_Redis发布订阅模式 JavaScript密码学_WebCryptoAPI加密解密实战 JavaScript网络请求_Ajax与Fetch对比