浅析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 相关文章推荐
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
Feb 05 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
js图片实时加载提供网页打开速度
Sep 11 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 Javascript
JS产生随机数的几个用法详解
Jun 22 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 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 Ctemplate引擎开发相关内容
2012/03/03 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
bootstrap提示标签、提示框实现代码
2016/12/28 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
详解webpack异步加载业务模块
2017/06/23 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python文件夹与文件的操作实现代码
2014/07/13 Python
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
Python去除列表中重复元素的方法
2015/03/20 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
Python通用函数实现数组计算的方法
2019/06/13 Python
django admin组件使用方法详解
2019/07/19 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
python自动提取文本中的时间(包含中文日期)
2020/08/31 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
JSF界面控制层技术
2013/06/17 面试题
2014年端午节演讲稿范文
2014/05/23 职场文书
世界红十字日活动总结
2015/02/10 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
新郎婚礼致辞
2015/07/27 职场文书
详解Golang如何优雅的终止一个服务
2022/03/21 Golang