DOM - Element 对象
http://www.runoob.com/dom/dom-element.html
Element 对象
Element 对象代表 XML 文档中的一个元素。元素可以包含属性、其他元素或文本。如果一个元素包含文本,则在文本节点中表示该文本。
重要事项:文本永远存储在文本节点中。在 DOM 处理过程中的一个常见的错误是,导航到元素节点,并认为此节点含有文本。不过,即使最简单的元素节点之下也拥有文本节点。举例,在 <year>2005</year> 中,有一个元素节点(year),同时此节点之下存在一个文本节点,其中含有文本(2005)。
由于 Element 对象也是一种节点,因此它可继承 Node 对象的属性和方法。
Element 对象属性
| 属性 | 描述 |
|---|---|
| attributes | 返回元素的属性的 NamedNodeMap。 |
| baseURI | 返回元素的绝对基准 URI。 |
| childNodes | 返回元素的子节点的 NodeList。 |
| firstChild | 返回元素的第一个子节点。 |
| lastChild | 返回元素的最后一个子节点。 |
| localName | 返回元素名称的本地部分。 |
| namespaceURI | 返回元素的命名空间 URI。 |
| nextSibling | 返回元素之后紧接的节点。 |
| nodeName | 返回节点的名称,根据其类型。 |
| nodeType | 返回节点的类型。 |
| ownerDocument | 返回元素所属的根元素 (document 对象)。 |
| parentNode | 返回元素的父节点。 |
| prefix | 设置或返回元素的命名空间前缀。 |
| previousSibling | 返回元素之前紧接的节点。 |
| schemaTypeInfo | 返回与元素相关联的类型信息。 |
| tagName | 返回元素的名称。 |
| textContent | 设置或返回元素及其后代的文本内容。 |
Element 对象方法
| 方法 | 描述 |
|---|---|
| appendChild() | 把新的子节点添加到节点的子节点列表末尾。 |
| cloneNode() | 克隆节点。 |
| compareDocumentPosition() | 比较两个节点的文档位置。 |
| getAttribute() | 返回属性的值。 |
| getAttributeNS() | 返回属性的值(带有命名空间)。 |
| getAttributeNode() | 以 Attribute 对象返回属性节点。 |
| getAttributeNodeNS() | 以 Attribute 对象返回属性节点(带有命名空间)。 |
| getElementsByTagName() | 返回匹配的元素节点及它们的子节点的 NodeList。 |
| getElementsByTagNameNS() | 返回匹配的元素节点(带有命名空间)及它们的子节点的 NodeList。 |
| getFeature(feature,version) | 返回 DOM 对象,此对象可执行带有指定特性和版本的专门的 API。 |
| getUserData(key) | 返回与节点上键关联的对象。此对象必须首先通过使用相同的键调用 setUserData 来设置到此节点。 |
| hasAttribute() | 返回元素是否拥有匹配指定名称的属性。 |
| hasAttributeNS() | 返回元素是否拥有匹配指定名称和命名空间的属性。 |
| hasAttributes() | 返回元素是否拥有属性。 |
| hasChildNodes() | 返回元素是否拥有子节点。 |
| insertBefore() | 在已有的子节点之前插入一个新的子节点。 |
| isDefaultNamespace(URI) | 返回指定的 namespaceURI 是否为默认。 |
| isEqualNode() | 检查两个节点是否相等。 |
| isSameNode() | 检查两个节点是否为同一节点。 |
| isSupported(feature,version) | 返回指定的特性是否在此元素上得到支持。 |
| lookupNamespaceURI() | 返回匹配指定前缀的命名空间 URI。 |
| lookupPrefix() | 返回匹配指定命名空间 URI 的前缀。 |
| normalize() | 把节点(包括属性)下的所有文本节点放置到一个"标准"的格式中,其中只有结构(比如元素、注释、处理指令、CDATA 区段以及实体引用)来分隔 Text 节点,例如,既没有相邻的 Text 节点,也没有空的 Text 节点。 |
| removeAttribute() | 删除指定的属性。 |
| removeAttributeNS() | 删除指定的属性(带有命名空间)。 |
| removeAttributeNode() | 删除指定的属性节点。 |
| removeChild() | 删除子节点。 |
| replaceChild() | 替换子节点。 |
| setUserData(key,data,handler) | 把对象关联到元素上的键。 |
| setAttribute() | 添加新属性。 |
| setAttributeNS() | 添加新属性(带有命名空间)。 |
| setAttributeNode() | 添加新的属性节点。 |
| setAttributeNodeNS(attrnode) | 添加新的属性节点(带有命名空间)。 |
| setIdAttribute(name,isId) | 如果 Attribute 对象的 isId 属性为 true,那么此方法会把指定的属性声明为一个用户确定 ID 的属性(user-determined ID attribute)。 |
| setIdAttributeNS(uri,name,isId) | 如果 Attribute 对象的 isId 属性为 true,那么此方法会把指定的属性声明为一个用户确定 ID 的属性(user-determined ID attribute)(带有命名空间)。 |
| setIdAttributeNode(idAttr,isId) | 如果 Attribute 对象的 isId 属性为 true,那么此方法会把指定的属性声明为一个用户确定 ID 的属性(user-determined ID attribute)。 |
DOM - Element 对象的更多相关文章
- JavaScript -- 时光流逝(十二):DOM -- Element 对象
JavaScript -- 知识点回顾篇(十二):DOM -- Element 对象 (1) element.accessKey: 设置或返回accesskey一个元素,使用 Alt + 指定快捷键 ...
- 浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Element 对象
ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Element 对象 1.返回顶部 1. HTML DOM Element 对象 HTML DOM ...
- THML DOM / Element 对象操作
随着Vue等MVVM框架流行,操作DOM已经不想之前那么频繁,因此很多DOM的操作已经陌生,特此回顾HTML中DOM操作 获取Element节点 熟悉的有 通过ID获取,返回element对象 ...
- DOM基础知识(Node对象、Element对象)
5.Node对象 u 遍历节点 u 父节点 .parentNode - 获取父节点—> 元素节点或文档节点 .parentElement - 获取父元素节点—> 元素节点 u 子节 ...
- HTML DOM Event对象
我们通常把HTML DOM Event对象叫做Event事件 事件驱动模型 事件源:(触发事件的元素)事件源对象是指event对象 其封装了与事件相关的详细信息. 当事件发生时,只能在事件函数内部访问 ...
- HTML DOM 元素对象
HTML DOM 元素对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 每个东西都是 节点 : 文档本身就是一个文档对象 所有 HTML 元素都 ...
- javascript高级程序设计---Element对象
Element对象对应网页的HTML标签元素.每一个HTML标签元素,在DOM树上都会转化成一个Element节点对象(以下简称元素节点).元素节点的nodeType属性都是1,但是不同HTML标签生 ...
- JQuery Object vs. DOM element
JQuery Object 和 DOM的区别 HTML DOM 定义了访问和操作HTML文档的标准方法.其中 document 是DOM 树的根对象 ,在浏览器宿主环境中,可以通过JS操作HTML D ...
- ExtJS学习之路第二步:Ext.Component 和 Ext.dom.Element 的区别
让我们来初步的探讨下Ext.Component和Ext.Element的区别. jQuery偏重于DOM元素的操作 1.每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的D ...
随机推荐
- 《大象UML》看书笔记2:
<大象UML>看书笔记2 抽象角度: 在为现实世界建模的时候,首先要搞清楚有多 ...
- delphi模态窗体最小化会隐藏的问题
在使用delphi创建模态窗体的时候最小化窗体会导致最小化的窗体不可见,再次点击主窗体才会显示. 在这个模态窗体中增加以下函数 procedure WmSysCommand(var msg: TMes ...
- 用 Asterisk 搭建自己的免费 VoIP 服务器
原文 http://www.yaoblog.info/?p=5021 1. 这里以 Debian 为例子,安装 Asterisk apt-get update apt-get install aste ...
- List接口实现类-ArrayList、Vector、LinkedList集合深入学习以及源代码解析
学习List接口实现类 ArrayList Vector LinkedList List接口的实现类中最经常使用最重要的就是这三个:ArrayList.Vector.LinkedList. JDK ...
- 无限层级且乱序的树形结构数据的整理,利用HashMap降低遍历次数
我们在展示一个机构树的时候,经常会遇到这种一个问题,查询数据的时候,是从下往上查的,但展示数据的时候,又要从下往上展示. 这时候就要把查询到的数据进行整理从而得到我们想要的结构. 举个样例. ID P ...
- QQ邮箱中转站文件即将过期时如何转存到微云
今天QQ邮箱提示我的中转站有个文件即将过期,然后我看看了那个文件然后我想永久保存这个文件,腾讯有个微云网盘(好像有10T),想知道能不能保存到微云已变永久保存 结果发现在文件中转站这个界面竟然没有续期 ...
- Swift - 多层无缝循环滚动背景(SpriteKit游戏开发)
在游戏开发中,比如跑酷游戏.我们需要实现背景的无限循环滚动,来营造运动的效果.除了单层的背景滚动,还有视差滚动. 视差滚动是指让多层背景以不同的速度移动,形成立体的效果,从而带来非常出色的视觉体验. ...
- Servlet的学习之Request请求对象(1)
在本篇中开始对Servlet中的HttpServletRequest请求对象进行学习,请求对象同响应对象一样,我们可以根据该对象中的方法获取例如请求行,请求头和请求实体数据的方法. 在本篇中先对Htt ...
- 进程、线程、轻量级进程、协程和go中的Goroutine
进程.线程.轻量级进程.协程和go中的Goroutine 那些事儿电话面试被问到go的协程,曾经的军伟也问到过我协程.虽然用python时候在Eurasia和eventlet里了解过协程,但自己对协程 ...
- [置顶] strcpy和memcpy的区别
strcpy和memcpy都是标准C库函数,它们有下面的特点. strcpy提供了字符串的复制.即strcpy只用于字符串复制,并且它不仅复制字符串内容,还会复制字符串的结束符. 已知strcpy函数 ...