基本DOM节点操作


Posted in Javascript onJanuary 17, 2017

1、获取元素节点

getElementById():获取指定唯一id的元素。

getElementByTagName():获取指定元素标签名的元素数组。

getElementByName():获取具有指定属性name的元素数组。

2、子节点

element.childNodes:返回该元素的子节点数组。注意:换行在浏览器中作为text节点,需要进行过滤

element.firstChild:该元素的第一个子节点。

element.lastChild:该元素最后一个子节点。

3、父节点

element.parentNode

4、兄弟节点

element.previousSibling:返回相同的树层级中的前一个节点,如果没有,则为null

element.nextSibling:返回相同的树层级中的后一个节点,如果没有,则为null

5、创建节点

createElement() 按指定标签名创建节点

6、复制节点

clonedNode = Node.cloneNode(boolean) 传入布尔值,true表示复制该节点下的所有子节点

7、加入节点

parentNode.appendChild(childNode) 将新节点加入到子节点末尾

parentNode.insertBefore(newNode, targetNode) 将newNode 加入到targNode之前

8、移除目标节点

parentNode.removeChild(childNode)

9、替换目标节点

parentNode.replace(newNode, targetNode) 使用newNode 替换targetNode

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
JS完成代码前最好对其做5件事
Apr 07 Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
jquery判断页面网址是否有效的两种方法
Dec 11 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
Feb 01 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
React快速入门教程
Jan 17 #Javascript
javascript操作cookie
Jan 17 #Javascript
vue.js学习笔记:如何加载本地json文件
Jan 17 #Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 #Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 #Javascript
微信小程序实战之运维小项目
Jan 17 #Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 #Javascript
You might like
十天学会php之第九天
2006/10/09 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
JavaScript 获取用户客户端操作系统版本
2009/08/25 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
paramiko模块安装和使用(远程登录服务器)
2014/01/27 Python
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
python分布式环境下的限流器的示例
2017/10/26 Python
Python学习小技巧总结
2018/06/10 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
Python多线程原理与用法详解
2018/08/20 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
Python多线程原理与用法实例剖析
2019/01/22 Python
ZABBIX3.2使用python脚本实现监控报表的方法
2019/07/02 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
MIS软件工程师的面试题
2016/04/22 面试题
公务员政审个人鉴定
2014/02/25 职场文书
公司离职证明标准格式
2014/11/18 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
离婚案件原告代理词
2015/05/23 职场文书
python 实现的截屏工具
2021/05/08 Python