浅析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 相关文章推荐
csdn 论坛技术区平均给分功能
Nov 07 Javascript
详解JavaScript的策略模式编程
Jun 24 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
基于javascript处理nginx请求过程详解
Jul 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
PHP 压缩文件夹的类代码
2009/11/05 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
php生成验证码函数
2015/10/20 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
JS实现简单的右下角弹出提示窗口完整实例
2016/06/21 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
[01:36:19]Secret vs NB 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
PyQt5每天必学之日历控件QCalendarWidget
2018/04/19 Python
pytest中文文档之编写断言
2019/09/12 Python
使用python写一个自动浏览文章的脚本实例
2019/12/05 Python
使用Python求解带约束的最优化问题详解
2020/02/11 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
阿联酋团购网站:Groupon阿联酋
2016/10/14 全球购物
联想中国官方商城:Lenovo China
2017/10/18 全球购物
药学专业大专生的自我评价
2013/12/12 职场文书
出生医学证明样本
2014/01/17 职场文书
大学生自我鉴定范文模板
2014/01/21 职场文书
《听鱼说话》教学反思
2014/02/15 职场文书
绿色学校实施方案
2014/03/31 职场文书
法学专业毕业生求职信
2014/06/12 职场文书
销售岗位职责范本
2014/06/12 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
2014年司机工作总结
2014/11/21 职场文书
职工年度考核评语
2014/12/31 职场文书
离婚协议书格式范本
2016/03/18 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python