浅析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 相关文章推荐
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
同步文本框内容JS代码实现
Aug 04 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
vue.js事件处理器是什么
Mar 20 Javascript
Vue计算属性的使用
Aug 04 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 Javascript
JavaScript Html实现移动端红包雨功能页面
Jan 10 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
如何使用php判断所处服务器操作系统的类型
2013/06/20 PHP
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
angular4中引入echarts的方法示例
2019/01/29 Javascript
js实现无限瀑布流实例方法
2019/09/16 Javascript
js实现视图和数据双向绑定的方法分析
2020/02/05 Javascript
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
python结合API实现即时天气信息
2016/01/19 Python
python图片验证码生成代码
2016/07/02 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
Python读取指定日期邮件的实例
2019/02/01 Python
python3正则模块re的使用方法详解
2020/02/11 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
手把手教你将Flask应用封装成Docker服务的实现
2020/08/19 Python
实例代码讲解Python 线程池
2020/08/24 Python
杭州-飞时达软件有限公司.net笔面试
2012/04/28 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
年会搞笑主持词
2014/03/27 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
《折线统计图》教学反思
2016/02/22 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书