js操作节点小结

节点对象代表文档树中的一个单独的节点。

下面节点的API可以当词典使用哦!!

属性:(绝大部分都是只读的) 
1 Attributes 存储节点的属性列表(只读)

2 childNodes 存储节点的子节点列表(只读)

3 dataType 返回此节点的数据类型 
4 Definition 以DTD或XML模式给出的节点的定义(只读)

5 Doctype 指定文档类型节点(只读) 
6 documentElement 返回文档的根元素(可读写)

7 firstChild 返回当前节点的第一个子节点(只读)

8 Implementation 返回XMLDOMImplementation对象

9 lastChild 返回当前节点最后一个子节点(只读)

10 nextSibling 返回当前节点的下一个兄弟节点(只读)

11 nodeName 返回节点的名字(只读)

12 nodeType 返回节点的类型(只读)

13 nodeTypedValue 存储节点值(可读写)

14 nodeValue 返回节点的文本(可读写) 
15 ownerDocument 返回包含此节点的根文档(只读)

16 parentNode 返回父节点(只读) 
17 Parsed 返回此节点及其子节点是否已经被解析(只读)

18 Prefix 返回名称空间前缀(只读) 
19 preserveWhiteSpace 指定是否保留空白(可读写)

20 previousSibling 返回此节点的前一个兄弟节点(只读)

21 Text 返回此节点及其后代的文本内容(可读写)

22 url 返回最近载入的XML文档的URL(只读)

23 Xml 返回节点及其后代的XML表示(只读)

方法: 
1 appendChild 为当前节点添加一个新的子节点,放在最后的子节点后

2 cloneNode 返回当前节点的拷贝

3 createAttribute 创建新的属性

4 createCDATASection 创建包括给定数据的CDATA段

5 createComment 创建一个注释节点 
6 createDocumentFragment 创建DocumentFragment对象

7 createElement 创建一个元素节点 
8 createEntityReference 创建EntityReference对象

9 createNode 创建给定类型,名字和命名空间的节点

10 createPorcessingInstruction 创建操作指令节点

11 createTextNode 创建包括给定数据的文本节点

12 getElementsByTagName 返回指定名字的元素集合

13 hasChildNodes 返回当前节点是否有子节点

14 insertBefore 在指定节点前插入子节点

15 Load 导入指定位置的XML文档

16 loadXML 导入指定字符串的XML文档 
17 removeChild 从子结点列表中删除指定的子节点

18 replaceChild 从子节点列表中替换指定的子节点

19 Save 把XML文件存到指定节点 
20 selectNodes 对节点进行指定的匹配,并返回匹配节点列表

21 selectSingleNode 对节点进行指定的匹配,并返回第一个匹配节点

22 transformNode 使用指定的样式表对节点及其后代进行转换 
23 transformNodeToObject 使用指定的样式表将节点及其后代转换为对象 节点的绝对引用:

返回文档的根节点 document.documentElement

返回当前文档中被击活的标签节点 document.activeElement

返回鼠标移出的源节点 event.fromElement

返回鼠标移入的源节点 event.toElement

返回激活事件的源节点 event.srcElement

时间: 2024-08-08 17:51:30

js操作节点小结的相关文章

js操作节点,ID,name,calssname,tag,style

1.访问节点 document.getElementById(id); 返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name); 返回带有指定名称的节点集合 注意:Elements document.getElementsByTagName(tagname); 返回带有指定标签名的对象集合 注意:Elements document.getElementsByClassName(classname); 返回带有指定class名称的对象集合 注意:E

js获取节点的DOM操作

一直感觉DOM节点什么的乱七八糟的不能理解,可能博客也没办法写清楚,只能把知道的一些信息大致写下来慢慢再补充了. HTML DOM类型 Node类型 Javascript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法. 除IE外其他浏览器都可以访问到这个类型. 每个节点都有一个NodeType属性,用于表明节点的类型,节点类型由在Node类型中定义的下列12个常数值来表示,任何节点类型必居其一. 根据这些常量值可以很容易的判断节点类型. if(someNode

JS 操作Dom节点之样式

为了提高用户体验,我们经常会动态修改Dom节点的样式,各种浏览器差异比较大,我们如何应对?不断尝试,不断总结~! 1. style.getComputedStyle.currentStyle 内嵌样式: <!--body --><div style="width: 30px;background-color: #ff6a00;">我就是傻里傻气的,完全素颜!</div> 1 //内联样式优先级最高,通过style获取的样式是最准确的 2 var el

JS前端开发判断是否是手机端并跳转操作(小结)

JS前端开发判断是否是手机端并跳转操作(小结) 这篇文章主要介绍了JS前端开发判断是否是手机端并跳转操作,非常不错,具有参考借鉴价值,需要的朋友可以参考下 常用跳转代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <script type="text/javascript">  // borwserR

php操作xml小结

<?php #php操作xml,SimpleXMLElement类小结 header('Content-type:text/html;charset=utf-8;'); //1.构造函数 /* $xmlstring=<<<XML <?xml version="1.0" encoding="utf-8"?> <note  xmlns:b="http://www.w3school.com.cn/example/&quo

Js操作DOM的方式及获取浏览器的宽高

我们在为页面加入一些动态效果或实现一些脚本功能时,需要对文档body中的元素进行操作,也就是,我们需要使用js或jQuery来对dom操作.下面呢,我说一下js是怎样对dom操作的. document.write(),这既可以向文档输出文本,也可以写入代码来添加元素. 获取需要操作的元素: 利用id获取就是:document.getElementById("name"); 利用class获取就是:document.getElementsByClassName("name&qu

JS添加节点方法与JQuery添加节点方法的比较及总结

原生JS添加节点方法与JQuery添加节点方法的比较及总结 一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div1</div> <div id="div2">div2 <span id="span1">span1</span> <span id="span2">span2</span> <

原生js操作DOM基础-笔记

原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e0669e4a017e54a31fb39c&source=41#wechat_redirect 使用原生js为了提高效率,纯js操作dom一 查询DOMdocument.querySelector()参数是任意css选择器格式,只会返回第一个匹配到值document.querySelectorAll(

原生JS的使用,包括jquery和原生JS获取节点、jquery和原生JS修改属性的比较

一.前言 相比于JS这条直达终点.满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁.易用给了它辉煌的地位.然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了. 原生JS虽然没有jquery那么的好用.便捷,或者说没有jquery那样让我们使用的如此顺手,甚至是无法舍弃的依赖.可是我们依然不得不扔掉手中这根陪伴我们多年的拐杖,我们不是瘸子,我们不曾腐朽,我们还可以独立前行. 二.正文 1. jquery和原生JS获取节点的比较 //这是HTML代码,