DOM对象常用对象的方法和属性
|
接口
|
nodeType
|
备注
|
|
Element
|
1
|
元素节点
|
|
Text
|
3
|
文本节点
|
|
Document
|
9
|
Document
|
|
Comment
|
8
|
注释文本
|
|
DocumentFragment
|
11
|
Document片段
|
|
Attribute
|
2
|
节点属性
|
|
方法
|
描述
|
|
createAttribute()
|
用指定的名字创建新的Attribute节点
|
|
createComment()
|
用指定的字符串创建新的Comment节点
|
|
createElement()
|
用指定的标记名创建新的Element节点
|
|
createTextNode()
|
用指定的文本创建新的TextNode节点
|
|
getElementId()
|
返回文档中具有指定id属性的Element节点
|
|
getElementByTagName()
|
返回文档中具有指定标记名的所有Element节点
|
|
方法/属性
|
描述
|
|
tagName
|
以字符串形式返回指定属性的值
|
|
getAttributeNode()
|
以Attribute节点的形式返回指定属性的值
|
|
getElementByTagName()
|
返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序
|
|
hasAttribute()
|
如果该元素具有指定名字的属性,则返回true
|
|
removeAttribute()
|
从元素中删除指定的属性
|
|
removeAttributeNode()
|
从元素的属性列表中删除指定的Attribute节点
|
|
setAttribute()
|
把指定的属性设置为指定的字符串值,如果该属性不存在则添加一个新属性
|
|
setAttributeNode()
|
把指定的Attribute节点添加到该元素的属性列表中
|
|
方法/属性
|
描述
|
|
Attributes
|
如果该节点是一个Element,则以NamedNodeMap形式返回该元素的属性
|
|
childNodes
|
以Node[]的形式存放当前节点的子节点,如果没有节点,则返回空数组
|
|
firstChild
|
以Node的形式返回当前节点的第一个节点,如果没有节点则返回NULL
|
|
lastChild
|
以Node的形式返回当前节点的最后一个节点,如果没有节点则返回NULL
|
|
parentNode
|
以Node的形式返回当前节点的父节点,如果没有节点则返回NULL
|
|
previousSibling
|
以Node的形式返回紧挨当前节点,位于它之前的兄弟节点,如果没有这样的节点则返回NULL
|
|
nextSibling
|
以Node的形式返回当前节点的下一个兄弟节点,如果没有节点则返回NULL
|
|
nodeName
|
节点的名字,Element节点则代表Element标记的名称
|
|
nodeType
|
代表节点的类型
|
|
appendChild()
|
通过把一个节点增加到当前节点的childNode[]组,给文档树增加节点
|
|
cloneNode()
|
复制当前节点,或者复制当前节点以及它的所有子孙节点
|
|
hasChildNodes()
|
如果当前节点拥有子结点,则返回true
|
|
insertBefore()
|
给文档树插入一个节点,位置在当前节点的指定位置之前,如果该节点已经存在,则删除之,然后再将节点插入到它的位置。
|
|
removeChild()
|
从文档树中删除并返回指定的子结点
|
|
replaceChild()
|
从文档树中删除并返回指定的子结点,用另一个节点替代它。
|
DOM对象常用对象的方法和属性的更多相关文章
- jQuery源码06-jQuery = function(){};给JQ对象,添加一些方法和属性,extend : JQ的继承方法,jQuery.extend()
/*! * Includes Sizzle.js 选择器,独立的库 * http://sizzlejs.com/ */ (function( window, undefined ) { //" ...
- jquery的2.0.3版本源码系列(3):96行-283行,给JQ对象,添加一些方法和属性
jquery是面向对象的程序,面向对象就离不开方法和属性. 方法的简化 jQuery.fn=jQuery.prototype={ jquery: 版本 constructor: 修正指向问题 init ...
- C#动态对象(dynamic)示例(实现方法和属性的动态)
C#的动态对象的属性实现比较简单,如果要实现动态语言那种动态方法就比较困难,因为对于dynamic对象,扩展方法,匿名方法都是不能用直接的,这里还是利用对象和委托来模拟这种动态方法的实现,看起来有点J ...
- String对象常用的一些方法
anchor() 创建 HTML 锚. big() 用大号字体显示字符串. blink() 显示闪动字符串. bold() 使用粗体显示字符串. charAt() 返回在指定位置的字符. charCo ...
- 控制台console对象常用的一些方法
console.log():调试中最常用的方法,用于在控制台窗口显示信息. console.log(123); console.warn():输出信息时,在最前面加一个黄色三角,表示警告 consol ...
- javaScript DOM编程经常使用的方法与属性
DOM是Document Object Model文档对象模型的缩写.依据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你能够訪问页面其它的标准组件. Node接口的特性和方法 ...
- SAP OLE中常用的一些方法和属性
1.ole中如何保存和退出. call method of sheetname = filepath # =. call method of applicationname 'quit'. 2.给sh ...
- ES6 对象定义简写及常用的扩展方法
1.ES6 对象定义简写 es6提供了对象定义里的属性,方法简写方式: 假如属性和变量名一样,可以省略,包括定义对象方法function也可以省略 <script type="text ...
- document对象常用属性
转载请注明来源:https://www.cnblogs.com/hookjc/ 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 " ...
随机推荐
- Flatty Shadow在线为Icon图标生成长阴影效果。
Flatty Shadow在线为Icon图标生成长阴影效果. Flatty Shadow 彩蛋爆料直击现场 Flatty Shadow在线为Icon图标生成长阴影效果.
- CAS登录后回传除了ticket参数以外的其他自定义参数
在一次项目的技术选型中,选择了easyui+cas+shiro+spring的组合,cas实现了单点登录,这使得在一个应用中嵌入另一个应用的页面来展示数据所涉及到的授权方面变得简单. 由于shiro在 ...
- 使用 Struts 2 开发 RESTful 服务
REST 简介 REST 是英文 Representational State Transfer 的缩写,这个术语由 Roy Thomas Fielding 博士在他的论文<Architectu ...
- 无线Ad-hoc网络的关键技术之路由(转)
无线Ad-hoc网络的关键技术之路由http://network.51cto.com/art/201003/189719.htm
- 最大 / 小的K个数
在<剑指offer>上看到的,而且Qunar去年的校招笔试也考了这题,今天晚上去西电腾讯的宣讲会,来宣讲的学长也说他当时一面的时候面试官问了“一亿个数据的最大的十个数”的面试题.今晚就写写 ...
- spring_150803_service
实体类: package com.spring.model; public class DogPet { private int id; private String name; private in ...
- lintcode : 跳跃游戏
跳跃游戏 给出一个非负整数数组,你最初定位在数组的第一个位置. 数组中的每个元素代表你在那个位置可以跳跃的最大长度. 判断你是否能到达数组的最后一个位置. 样例 A = [2,3,1,1,4],返回 ...
- C#的控制台程序输出
1. int nChar; string mystring; Console.WriteLine("{0} {1}",nChar,mystring); 其中{0},{1}为占位符 ...
- 使用shell查看局域网中主机的IP地址
此脚本只是快速查看所在局域网中其它主机的IP地址,如果对方设置了禁ping,则无法显示出此主机的IP地址: #!/bin/bash ` do ping -c2 .$i &>/dev/nu ...
- 当滚动条滚动到页面底部自动加载增加内容的js代码
这篇文章主要介绍了如何使用javscript实现滚动条滚动到页面底部自动加载增加页面内容,需要的朋友可以参考下..1,注册页面滚动事件,window.onscroll = function(){ }; ...