nodeName、nodeType、nodeValue解析

nodeName:节点名

nodeType:节点类型

节点类型主要包括:1:元素节点

         2:属性节点

         3:文本节点

nodeValue:节点值

示例:

       <div id="div1" name=‘jack‘>内容</div>

         // 元素节点
            var elementNode = document.getElementById(‘div1‘);
            console.log(elementNode.nodeName); // DIV
            console.log(elementNode.nodeType); // 1
            console.log(elementNode.nodeValue); // null

            // 属性节点
            var attrNode = document.getElementById(‘div1‘).getAttributeNode(‘name‘);
            console.log(attrNode.nodeName); // name
            console.log(attrNode.nodeType); // 2
            console.log(attrNode.nodeValue); // jack

            // 文本节点
            var textNode = document.getElementsByTagName(‘div‘)[0].firstChild;
            console.log(textNode.nodeName); // #text
            console.log(textNode.nodeType); // 3
            console.log(textNode.nodeValue); // 内容
时间: 2024-10-10 15:05:36

nodeName、nodeType、nodeValue解析的相关文章

js:获取节点相关的 nodeName,nodeType,nodeValue

getElementById() getElementsByName() getElementsByTagName() hasChildNodes() nodeName nodeType=1元素节点/2属性节点/3文本节点nodeValue 1 <script type="text/javascript"> 2 //取得input元素的名字 nodeName,类型nodeType值nodeValue; 3 var inputElement=document.getEleme

nodeName、nodeValue和nodeType节点介绍

nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. (一)nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 (二)nodeValue 对于文本节点,nodeValue 属性包含文本. 对于属性节点,nodeVa

childNodes、nodeName、nodeValue 以及 nodeType

nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue对于文本节点,nodeValue 属性包含文本. 对于属性节点,nodeValue 属性包含属性值

Dom中的nodeName、nodeValue 、nodeType

nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue 对于文本节点,nodeValue 属性包含文本. 对于属性节点,nodeValue 属性

【转】nodeValue以及其与value的区别以及JS nodeName、nodeValue、nodeType返回类型

nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue对于文本节点,nodeValue 属性包含文本. 对于属性节点,nodeValue 属性包含属性值

nodeType、nodeName和nodeValue

首先了解一下DOM中有三大节点,分别是 元素节点,文本节点,属性节点 元素节点:构成了DOM的基础.文档结构中,<html>是根元素,代表整个文档,其他的还有<head>,<body>,<p>,<span>等等.元素节点之间可以相互包含(当然遵循一定的规则) 文本节点:包含在元素节点中. 属性节点:元素都可以包含一些属性,属性的作用是对元素做出更具体的描述,比如id,name之类的. 以下面的demo为例: <script> wind

原生javascript解析xml文档

之前写过一篇 <javascript/jQuery解析或转换json和xml>链接是http://my.oschina.net/ososchina/blog/343748,这篇博客详细解释了json使用 JSON.js  window.eval() ,jQuery 与字符串互相转换的方法 ,顺便也说了一点jQuery解析xml文档的方法,这里着重论述javascript操作xml. 顺便提一下,今天做项目有一点问题,如何让服务程序接口返回的就是json,而不需要 使用 jQuery.ajax设

传智168期JavaEE就业班 day05-XML 约束与解析

* 课程回顾: * DOM解析HTML简介 * DOM 文档对象模型 * 解析器 * document对象 * getElementById("id的值"); 返回一个元素(标签)对象 * getElementsByName("name的名称"); 返回数组 * getElementsByTagName("标签名称"); 返回数组 * 创建元素对象 document.createElement("元素名称"); documen

Node对象属性

1.Node对象属性一            * nodeName             * nodeType            * nodeValue * 使用dom解析html时候,需要html里面的标签,属性和文本都封装成对象 <body> <span id="spanid">哈哈呵呵</span> <script type="text/javascript"> //获取标签对象 var span1 = d