【HTML DOM】Node.nodeValue的用法

目录结构:

contents structure [-]

  1. 语法
  2. 注意
  3. 详述
  4. 实例
  5. 参考文章

Note.noteValue 属性返回或设置当前属性的值。

语法

value = node.nodeValue;

如果有值的话,value则是一个包含当前节点值的字符串,如果没有则是null。

注意

对于document文档自身来说,nodeValue返回null。对于元素节点,nodeValue返回null。对于文本节点、注释和CDATA部分来说,noteValue返回其节点的内容。 对于节点属性来说,属性的值将会被返回。

下面的表列出了不同元素的返回值,

Attr value of attribute
CDATASection content of the CDATA Section
Comment content of the comment
Document null
DocumentFragment null
DocumentType null
Element null
NamedNodeMap null
EntityReference null
Notation null
ProcessingInstruction entire content excluding the target
Text content of the text node

详述

实例

<!DOCTYPE html>
<html>
  <head>
    <title>noteValue.html</title>
    <meta name="content-type" content="text/html; charset=UTF-8">
  </head>

  <body>
  <div id="emp"></div>
  <div id="full">I hava contents</div>

  <script>
  //返回null
  var val1=document.nodeValue;

  //返回null,因为val2代表的是一个元素节点的noteValue。
  var val2=document.getElementById("emp").nodeValue;

  //报错,因为val3代表的节点无子节点
  var val3=document.getElementById("emp").firstChild.nodeValue;

  //返回null,因为val4代表的是一个元素节点的noteValue.
  var val4=document.getElementById("full").nodeValue;

  //返回一个"I hava contents",因为val5代表的是一个文本节点的子节点
  var val5=document.getElementById("full").firstChild.nodeValue;
  </script>
  </body>
</html>

参考文章

原文链接

本文为博主原创翻译,如需转载请注明出处。

时间: 2024-08-07 18:21:10

【HTML DOM】Node.nodeValue的用法的相关文章

Dom对象的经常用法

Dom对象的经常用法: (1)getElementById() 查询给定ID属性值的元素,返回该元素的元素节点 1.  查询给定ID属性值的元素,返回该元素的元素节点.也称为元素对象.                2.  由于在一个html页面中id的值是唯一的.所以返回值也是唯一的. 所以方法的名称为getElementById()而不是getElementsById()                3.  该方法仅仅能用于document对象,相似与java的statickeyword.

centos安装 php时 出现 make: *** [ext/dom/node.lo] Error

Linux安装PHP ,make 的时候报错: make: *** [ext/dom/node.lo] Error 1 解决办法: $ curl -o php-5.2.17.patch https://mail.gnome.org/archives/xml/2012-August/txtbgxGXAvz4N.txt $ tar jxf php-5.2.17.tar.bz2  $ cd php-5.2.17 $ patch -p0 -b <../php-5.2.17.patch    patchi

【转载】跟随 Web 标准探究DOM -- Node 与 Element 的遍历

跟随 Web 标准探究DOM -- Node 与 Element 的遍历 这个是 Joyee 2014年更新的,可能是转战github缘故,一年多没有跟新了.这篇感觉还挺全面,就转载过来,如以前文章一样,下面附上转载地址: 跟随 Web 标准探究DOM -- Node 与 Element 的遍历[Joyee] 感觉有点敷衍... 完...

http请求头中的Content-Type属性在angular 和 node中的用法

post请求的请求体有以下两种格式: 1. 字符串: 'name=code_bunny&age=12' 这种格式的请求体,需要配置请求头 'Content-Type':'application/x-www-form-urlencoded' 2. json: {name:'code_bunny',age:12} 这种格式的请求体,需要配置请求头 'Content-Type':'application/json;charset=UTF-8' 注意: 请求体格式和请求头的Content-Type类型必

DOM setTimeout() 和setInterval()用法

1.setTimeout() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.具体的格式是这样的setTimeout(code,millisec) 其中code是要执行的代码或者function,而millisec是间隔的时间(毫秒数) function empty_error(obj) { var delay = 200; var toggleErr = function () { obj.addClass("empty_error"); setTimeout

org.w3c.dom.Node.getTextContent()方法编译错误-已解决

org.w3c.dom.Node.getTextContent()方法编译错误. 在项目的Java Build Path | Order and Export选项卡中,将JRE System Library选中,并Top置顶.然后再进行编译即可. 参考: https://blog.csdn.net/maoxiao1229/article/details/51694553 原文地址:https://www.cnblogs.com/wrong/p/10441783.html

js DOM Node类型

DOM(文档对象模型)是针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的.以特定节点为根节点的树形结构.节点分为12种不同的类型,每种类型分别表示文档中的不同信息及(或)标记.这些类型都继承自一个基类型. 以下面为例: <html> <!--文档元素,文档节点的子节点,是文档的最外层元素.每个文档只有一个文档元素.--> <head> <title>My article</title> <

Some words about Qt DOM Node, Element and Attribut

Add Instruction Node Every valid XML must contain processing instruction. XML is widely used for HTML, SVG, XLS etc. So make sure your XML file has valid instruction of its type and encoding. The following line is a sample XML processing instruction.

DOM常见属性及用法

1:innerHTML.outerHTML.innerText.outerText innerHTML: 设置或获取位于对象起始和结束标签内的HTML. outerHTML: 设置或获取对象及其内容的HTML. innerText: 设置或获取位于对象起始和结束标签内的文本. outerText: 设置(包括标签)或获取(不包括标签)对象的文本. <!DOCTYPE html> <html lang="en"> <head> <meta cha