浅析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 相关文章推荐
javascript格式化json显示实例分析
Apr 21 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
学习javascript面向对象 javascript实现继承的方式
Jan 04 Javascript
js实现内容显示并使用json传输数据
Mar 16 Javascript
jquery.validate使用详解
Jun 02 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
解决vue 绑定对象内点击事件失效问题
Sep 05 Javascript
浅谈React之状态(State)
Sep 19 Javascript
JavaScript this在函数中的指向及实例详解
Oct 14 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
vue实现可拖拽的dialog弹框
May 13 Vue.js
vue如何实现关闭对话框后刷新列表
Apr 08 Vue.js
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
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
htm调用JS代码
2007/03/15 Javascript
js 获取服务器控件值的代码
2010/03/05 Javascript
一个挺有意思的Javascript小问题说明
2011/09/26 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
2013/04/15 Javascript
JS判定是否原生方法
2013/07/22 Javascript
ExtJS中设置下拉列表框不可编辑的方法
2014/05/07 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
基于jQuery实现仿微博发布框字数提示
2016/07/27 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
js a标签点击事件
2017/03/30 Javascript
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
使用Python实现简单的服务器功能
2017/08/25 Python
Python3中内置类型bytes和str用法及byte和string之间各种编码转换 问题
2018/09/27 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
Giglio俄罗斯奢侈品购物网:男士、女士、儿童高级时装
2018/07/27 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
艺术系应届生的自我评价
2013/10/19 职场文书
大学生在校学习的自我评价
2014/02/18 职场文书
2014村务公开实施方案
2014/02/25 职场文书
老干部工作汇报材料
2014/10/28 职场文书
公务员个人考察材料
2014/12/23 职场文书
开工典礼致辞
2015/07/29 职场文书
一条 SQL 语句执行过程
2022/03/17 MySQL
我的收音机情缘
2022/04/05 无线电