美文网首页
DOM节点属性与方法汇总

DOM节点属性与方法汇总

作者: smartlala | 来源:发表于2017-10-29 22:50 被阅读0次

----------------------------------------------------------节点属性-------------------------------------------------

+nodeName 节点名

  元素节点和属性节点都是大写

  文本节点为: #text

+nodeValue: 节点值

对于元素节点,因为本身不直接包含文本,所以nodeValue是不可用的。返回 null

对于文本节点,nodeValue=文本值

对于属性节点,nodeValue=属性值

+nodeType

元素节点: 1;

属性节点: 2;

文本节点: 3;

对于注释元素,nodeType=8

对于文档元素,nodeType=9

+ownerDocument

getcomputedStyle : (元素,false)谷歌,火狐适用

getcurrentStyle: IE

兼容操作

function(操作的对象,需要获取的属性){

if(object.getcomputedStyle= null){

alert(object.getcurrentStyle);

}else{

alert(object.getcomputedStyle);

}

}

-----------------------------------拓展-------------------------------------------

Js节点属性与方法

属性:

Attributes    存储节点的属性列表(只读)

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

dataType    返回此节点的数据类型

Definition    以DTD或XML模式给出的节点的定义(只读)

Doctype    指定文档类型节点(只读)

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

Implementation    返回XMLDOMImplementation对象

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

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

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

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

ownerDocument    返回包含此节点的根文档(只读)

parentNode    返回父节点(只读)

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

Prefix    返回名称空间前缀(只读)

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

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

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

nextSibling 返回相领的节点

documentElement    返回文档的根元素(可读写)

nodeTypedValue    存储节点值(可读写)

nodeValue    返回节点的文本(可读写)

preserveWhiteSpace    指定是否保留空白(可读写)

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

方法:

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

insertBefore    (父元素,被插队的子节点)

cloneNode      返回当前节点的拷贝

createAttribute    创建新的属性

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

createComment    创建一个注释节点

createDocumentFragment    创建DocumentFragment对象

createElement    创建一个元素节点

createEntityReference    创建EntityReference对象

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

createPorcessingInstruction    创建操作指令节点

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

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

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

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

Load    导入指定位置的XML文档

loadXML    导入指定字符串的XML文档

removeChild    从子结点列表中删除指定的子节点

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

Save    把XML文件存到指定节点

selectNodes    对节点进行指定的匹配,并返回匹配节点列表

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

transformNode    使用指定的样式表对节点及其后代进行转换

transformNodeToObject    使用指定的样式表将节点及其后代转换为对象

相关文章

  • DOM节点属性与方法汇总

    ---------------------------------------------------------...

  • jQuery-dom操作

    DOM节点的创建 jQuery节点创建与属性的处理 创建元素节点: 创建为属性节点: DOM节点的插入 DOM内部...

  • 认识 HTML DOM

    目录 一、HTML DOM 树 1. HTML DOM 树 2. 节点 二、常用 DOM 对象属性与方法 1. 方...

  • DOM样式操作

    DOM的理念:一切皆节点。方法和属性都是依赖于元素对象存在的。 DOM的节点有 文档节点、元素节点、属性节点、文本...

  • jQuery相关API总结

    JQ操作DOM属性节点相关方法(包含类的操作) 属性节点就是指dom元素的属性 一般如果是标签自身自带的属性,我们...

  • DOM

    一.dom操作 dom的组成 元素节点属性节点文本节点 通过nodeType查看类型 1 元素节点 ,2 属性节...

  • JS基础

    一.DOM节点操作方法# 二.事件类型以及含义# 三.Event对象属性含义# 四.节点对象的属性# 五.元素对象...

  • JS的DOM树总结

    一【DOM树节点】 DOM节点分为三大类:元素节点、文本节点、属性节点 文本节点、属性节点,为元素节点的两个子节点...

  • 扒一扒DOM

    目录1.什么是DOM2.节点的概念3.节点的属性和方法4.Element对象的属性和方法5.Attribute对象...

  • DOM和BOM一些基础用法

    DOM DOM常用节点类型 元素节点 - 1;属性节点 - 2;文本节点 - 3;注释节点 - 8;文档节点 - ...

网友评论

      本文标题:DOM节点属性与方法汇总

      本文链接:https://www.haomeiwen.com/subject/cluupxtx.html