javascript之DOM对象
document方法
document.createElement(Tag) :创建一个html标签对象
document.getElementById(ID)
:获得指定ID值的对象document.getElementsByName(Name)
//获得指定Name值的对象getElementsByTagName(tagName):返回文档中指定标记名的所有Element节点,返回一个节点列表(可看成数组)
getElementByClassName(className):返回文档中指定样式名的所有Element节点,返回一个节点列表(可看成数组)
createTextNode(text):创建一个包含静态文本text的文本节点
createAttribute():用指定的名字创建新的Attr节点
createComment():用指定的字符串创建新的comment节点
节点(node)的常用属性
nodeType :节点的类型
nodeName :节点的名称
nodeValue :节点值
innerHTML :返回节点内的所有内容
parentNode :返回当前节点的父节点,如果没有父节点,则返回null
childNodes :返回当前节点的所有子节点,以数组形式存放,如果没有子节点则返回空数组
firstChild :返回当前节点的第一个子节点。如果没有子节点,则返回null
lastChild :返回当前节点的最后一个子节点,如果没有子节点,则返回null
nextSibling :返回当前节点的下一个兄弟节点
previousSibing :返回当前节点的上一个兄弟节点
attributes :如果该节点是一个Element节点,则以nameNodeMap形式返回该元素的属性
节点方法
removeChild(childNode):从元素中删除指定的子元素
append(childNode):将指定的节点(childNode)增加到当前元素的子节点列表最后(作为一个新的子节点)
insertBefore(newNode,targetNode):将节点newNode作为当前元素的子节点插入到targetNode子节点元素的前面
replaceChild(newNode,oldNode):将节点oldNode替换为节点newNode
cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点
hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素
getAttribute(name,value) :获得元素中的name属性的值
setAttribute(name,value):设置元素中的name属性的值
removeAttribute(name):从元素中删除属性name
hasAttribute(name):返回该素是否具有指定name名字的属性,如果有,则返回true
getAttributeNode() :以Attr节点的形式返回指定的属性的值
setAttributeNode() :把指定的Attr节点添加到该元素的列表中
removeAttributeNode():从元素的属性列表中删除指定的Attr节点
getNamedItem() : 返回指定的节点。常与attributes属性结合使用
javascript之DOM对象的更多相关文章
- javaScript操作DOM对象(看三遍,敲三遍,写三遍! 不会你找我)!!
DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API 使用javaScript操作DOM对象通常分为三类:1.DOM CORE 2.HTM ...
- 第四章 JavaScript操作DOM对象
第四章 JavaScript操作DOM对象 一.DOM操作 DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,1988年,W3C发布了第一级 ...
- JavaScript之DOM对象的获取
之前我们讲过JavaScript之DOM对象获取的两篇文章,本文是该系列文章之三,点击回顾上两篇文章能更好地理解本文.<JavaScript之DOM对象的获取(一)>: <JavaS ...
- JavaScript BOM DOM 对象
title: JavaScript BOM DOM 对象 tags: JavaScript --- browser object model document onject model BOM对象 w ...
- JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)
DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象 ...
- JavaScript操作DOM对象
js的精华即是操作DOM对象 [1]先看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...
- JavaScript之DOM对象获取(1)
我们在操作html中的节点的时候,第一步就需要获取到对应节点(元素),才能有后续的操作.获取节点的方式有很多 1.document.getElementById(‘id值’) 通过id精确的选中某一个 ...
- JavaScript 操作DOM对象
1)JavaScript 操作DOM對象 1.DOM:是Document Object Model 的缩写,及文档对象模型 2.DOM通常分为三类:DOM Core(核心).HTML-DOM 和 ...
- jquery对象和javascript的dom对象转换
Jquery框架为jquery对象定义了独立使用的方法和属性,它无法直接调用dom对象的方法,dom对象也无法直接调用jquery对象的方法和属性. Jquery对象和dom对象是可以相互转换的,因为 ...
- JQuery制作网页—— 第三章 JavaScript操作DOM对象
1. DOM:Document Object Model(文档对象模型): DOM操作: ●DOM是Document Object Model的缩 ...
随机推荐
- hdu 5727 二分图+环排列
Necklace Time Limit: 3000/1500 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)Total Su ...
- JavaScript进阶-this
1.什么是this? 当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文).这个记录会包 含函数在哪里被调用(调用栈).函数的调用方法.传入的参数等信息.this 就是记录的 其中一个属性 ...
- 索引法则--IS NULL, IS NOT NULL 也无法使用索引
Mysql 系列文章主页 =============== 1 数据准备 1.1 建表 DROP TABLE IF EXISTS staff; CREATE TABLE IF NOT EXISTS st ...
- 在移动端画出真正的1px边框
一.问题 写H5的样式时候,设置元素的边框为1px,不幸的事情在IOS设备上发生了,设计师会说,咦,边框怎么那么大,这是2px了吧?改成1px.我明明设置成1px了啊. 二.为什么边框变粗了? ...
- javascript装饰器模式
装饰器模式 什么是装饰器 原名decorator 被翻译为装饰器 可以理解为装饰 修饰 包装等意 现实中的作用 一间房子通过装饰可以变得更华丽,功能更多 类似一部手机可以单独使用 但是很多人都愿意家个 ...
- Java阻塞队列的实现
阻塞队列与普通队列的区别在于,当队列是空的时,从队列中获取元素的操作将会被阻塞,或者当队列是满时,往队列里添加元素的操作会被阻塞.试图从空的阻塞队列中获取元素的线程将会被阻塞,直到其他的线程往空的队列 ...
- C# IE浏览器
引用Microsoft HTML Object Library 引用 -> com -> Microsoft HTML Object Library 引用后,显示如图 1.判断ie浏览器是 ...
- 数据库4m10d作业
Create table student ( Sno char(15) primary key , Sname varchar(10) not null, Sage tinyint , Special ...
- echarts——各个配置项详细说明总结
前 言 最近做了个关于各种图表的项目,用到了echarts , 关于各个配置项刚开始用好多都不懂,有些地方需要改不知道改哪个参数,就在网上查了各种,总结规整了一下,跟大家分享学习一下.(e ...
- ResizeObserver - 元素resize监听API
Motivation 响应式网站/Web应用程序 根据视口大小调整内容展示方式.这通常通过CSS和media查询来完成.当CSS表现不好我们会使用Javascript. 比如document.addE ...