浅析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 相关文章推荐
JS的IE和Firefox兼容性集锦
Dec 11 Javascript
jquery isType() 类型判断代码
Feb 14 Javascript
document.documentElement和document.body区别介绍
Sep 16 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
JavaScript纯色二维码变成彩色二维码
Jul 23 Javascript
浅析从vue源码看观察者模式
Jan 29 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
JavaScript执行机制详细介绍
Dec 06 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
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
在PHP中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
一些php项目中比较通用的php自建函数的详解
2013/06/06 PHP
PHP mkdir()无写权限的问题解决方法
2014/06/19 PHP
php使用curl实现ftp文件下载功能
2017/05/16 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
setTimeout与setInterval在不同浏览器下的差异
2010/01/24 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
2013/03/05 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
javascript学习笔记(八)正则表达式
2014/10/08 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
安装dbus-python的简要教程
2015/05/05 Python
Python上下文管理器和with块详解
2017/09/09 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
女性时尚网购:Chic Me
2019/07/30 全球购物
HashMap和Hashtable的区别
2013/05/18 面试题
abstract是什么意思
2012/02/12 面试题
《宿建德江》教学反思
2014/04/23 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书