nodevalue

在改变文本节点值时,使用DOM的nodeValue属性,用来得到和设置一个节点的值。

代码示例:

html:

<p id="description">choose a picture</p>

javascript:

var description=document.getElementById("description");alert(description.nodeValue);

点击“小猪”后,效果图显示:

元素节点的nodeValue属性返回值为null。

这个调用返回的是一个null值。<p>元素本身的nodeValue属性是一个空值,而真正需要的是<p>元素所包含的文本的值。

包含在<p>元素里的文本是另一种节点,它是<p>元素的第一个字节点。需要的是第一个字节点的nodeValue属性。

代码示例:

添加一行代码:

var description=document.getElementById("description");alert(description.nodeValue);alert(description.childNodes[0].nodeValue);

效果图如下:

关于节点:

DOM 节点

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点
				
时间: 2024-10-13 06:51:02

nodevalue的相关文章

innerHTML nodeValue 的区别

DOM中的节点是分好几种类型,常见的有1.文档节点 (document,唯一)2.元素节点 (那些个标签div,p之类)3.属性节点(class,src这种)4.文本节点(插入在p,div内的文本)其它.. 其中element.nodeValue,是节点的值,其中属性节点和文本节点是有值的,而元素节点没有值. innerHTML以字符串形式返回该节点的所有子节点及其值 举个例子 : <p id="example" title="texts"> 这是一段文

#强烈推荐#nodeValue, value的区别!

今儿遇到个关于nodeValue与value难题,不知该如何区分,但问题总算解决了,总结了一条心得:有问题查官方文档就好,百度不太具体啊... nodeValue和value在MDN技术文档里已经明确区分了(可点击进入技术文档) 我本来写了个表单,想要获取<input type = 'textarea' id = 'text'/>的内容,用document.getElementById('text').firstChild.nodeValue获取却没有反应,后来看了技术文档,才知道,nodeV

nodeName,nodeValue,nodeType,typeof 的区别

????nodeName 属性含有某个节点的名称.? 元素节点的 nodeName 是标签名称? 属性节点的 nodeName 是属性名称? 文本节点的 nodeName 永远是 #text? 文档节点的 nodeName 永远是 #document? ? nodeValue 节点值 对于文本节点,nodeValue 属性包含文本. 对于属性节点,nodeValue 属性包含属性值. nodeValue 属性对于文档节点和元素节点是不可用的. ? nodeType 属性可返回节点的类型. 最重要

attributes[&quot;wv&quot;].nodeValue

w 获取自定义属性的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!DOCTYPE html> <html lang="en"> <head> <meta

nodeType、nodeName和nodeValue

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

关于nodeValue的困惑

遍历DOM树节点的nodeValue属性碰到了一个问题.我本意是想取到nodeValue值不为null的节点. <div id="box"> <p id="para" class="paragraph"> 这里要写一些文本!!!!!!!!!!!<br> 这里要写一些文本!!!!!!!!!!!<br> 这里要写一些文本!!!!!!!!!!! </p> </div> <sc

JS节点的属性: nodeType, nodeName, nodeValue

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <titl

nodeValue的兼容问题

nodeValue获取Text或Comment元素的文本值. 在IE6.IE7.IE8中游览器会自作聪明的去掉前面的空白字符text,而其他现代游览器则会保留空白 <body> <span name="span">span</span> <p> 12345 <span> 678 </span></p> <script type="text/javascript"> var

揭秘DOM中data和nodeValue属性同步改变那些事

问题引发:最近在整理DOM系列的一些知识点,发现在DOM的某些接口API中,存在一些我想不通的现象.就随便举个例子吧:DOM文档模型中的文本节点,可以通过nodeValue或data属性访问文本节点的文本内容,而且在更新data的时候nodeValue也即时更新,反之亦然.不光是data或nodeVaulue有这种相互影响的关系,其他类型节点也有比如该改变document.title也会随之改变网页标题.当时想弄明白这在JS引擎中是怎么实现的,于是乎进行了以下分析:通过文本节点的原型链继承关系