浅析JS操作DOM的一些常用方法


Posted in Javascript onMay 13, 2016

getElementById(): 获取有指定惟一ID属性值文档中的元素

getElementsByName(name): 返回的是数组

getElementsByTagName(): 返回具有指定标签名的元素子元素集合

getAttribute(): 返回指定属性名的属性值

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute(): 添加指定的属性,并为其赋指定的值。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

节点属性:

节点名称(只读):nodeName

节点值: nodeValue

节点类型(只读):nodeType

子节点:

ele.childNodes 返回数组

firstChild

lastChild

父节点

parentNode 只有一个

兄弟节点

nextSibling 某节点之后紧跟的节点

previousSibling

插入节点

appendChild() 插入在最后

insertBefore(newnode,node)在node节点之前

删除节点

removeChild(node) 成功返回被删除的节点 失败返回null

替换元素节点

replaceChild(newnode,oldnode) 实现子节点对象的替换

创建元素节点

createElement()

创建文本节点

createTextNode()

复制节点

需要被复制的节点.cloneNode(true/false)

true复制当前节点极其所以子节点,false仅复制当前节点

以上这篇浅析JS操作DOM的一些常用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery修改网页背景颜色通过css方法实现
Jun 06 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
jquery实现的省市区三级联动
Apr 02 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
BootStrap表单控件之文本域textarea
May 23 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
解决Vue watch里调用方法的坑
Nov 07 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 #Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 #Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 #Javascript
Javascript基础之数组的使用
May 13 #Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 #Javascript
BootStrap扔进Django里的方法详解
May 13 #Javascript
JavaScript重载函数实例剖析
May 13 #Javascript
You might like
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
php构造方法中析构方法在继承中的表现
2016/04/12 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
php取出数组单个值的方法
2018/03/12 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
图像替换新技术 状态域方法
2010/01/28 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
JavaScript重载函数实例剖析
2016/05/13 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
js实现轮播图特效
2020/05/28 Javascript
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
六行python代码的爱心曲线详解
2019/05/17 Python
python数据化运营的重要意义
2019/11/25 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
python 实现网易邮箱邮件阅读和删除的辅助小脚本
2021/03/01 Python
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
学校十一活动方案
2014/02/01 职场文书
模具专业求职信
2014/06/26 职场文书
会计岗位说明书
2014/07/29 职场文书
2014机关干部学习“焦裕禄精神”思想汇报
2014/09/19 职场文书
西柏坡观后感
2015/06/08 职场文书
电力培训学习心得体会
2016/01/11 职场文书
初中地理教学反思
2016/02/19 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
python 如何获取页面所有a标签下href的值
2021/05/06 Python
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers