JavaScript--DOM--中使用nodeValue 属性 修改 p 标签 内 文本节点 的 值

最新推荐文章于 2023-06-26 22:38:08 发布
最新推荐文章于 2023-06-26 22:38:08 发布
阅读量969 收藏 2
点赞数
分类专栏： JavaScript DOM编程艺术 （第2版） 文章标签： DOM javascript nodeValue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/norang/article/details/117575583
版权
本文介绍了如何利用DOM的nodeValue属性修改文本节点的值。nodeValue属性用于获取和设置节点值，但需要注意，元素本身的nodeValue是空值，真正的文本值存在于元素的第一个子节点。通过访问第一个子节点的nodeValue，可以获取或改变如p标签内的文本内容。
摘要由CSDN通过智能技术生成

4.4.5 nodeValue 属性

如果想改变一个文本节点的值，那就使用DOM提供的nodeValue 属 性，它用来得到（和设置）一个节点的值：

node.nodeValue

但这里有个大家必须注意的细节：在用nodeValue 属性获取 description 对象的值时，得到的并不是包含在这个段落里的文本。 可以用下面这条alert 语句来验证这一点：

alert (description.nodeValue);

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

包含在<p> 元素里的文本是另一种节点，它是<p> 元素的第一个子节点。因此，你想要得到的其实是它的第一个子节点的nodeValue 属性值

最低0.47元/天 解锁文章
norang
关注
专栏目录
JavaScript--12 DOM 常用节点类型的属性和方法
邪人君子的博客
10-08 197
DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。DOM 描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 本节目录一、Node 类型 ---- 确定节点类型1.1 基础属性1.1.1 nodeName 和 nodeValue 属性1.1.2 childNodes 属性的节点列表对象1.2 查询父子兄弟节点1.3 操作子节点的属性...
js实现点击每个li节点，都弹出其文本值及修改
11-26
点击每个li节点，都弹出其文本值 1，获取所有的li节点 var liNodes=document.GetElementsByTagName("li"); 2，使用for循环进行遍历，得到每一个li节点 for(var i=0;i<liNodes.length;i++){ alert(i); } 3，为每一个li节点添加onclick响应函数 liNodes[i].onclick=function(){   } 4，在响应函数中获取当前节点的文本值 this 为正在响应事件的那个节点 alert(this.firstChild.nodeValue); 点击每个li节点，若li节点的文本值没有
JavaScript 使用nodeValue获取和修改
07-12 439
示例 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>nodeValue获取和修改</title> 5 <meta charset="UTF-8"> 6 <meta name="viewport" conten...
nodeValue属性
JEFF_xieyuzhi的博客
03-07 377
DOM的nodevalue属性
qq_21779001的博客
03-22 563
 nodeTypenodeValue元素节点1undefined/null属性节点2文本的本身文本节点3属性值如果想替换元素节点内文本值,可以用innerHTML代替。
js 多子树节点值修改
HiroGuo 的博客
03-25 719
js 多子树节点值修改 ####### 自定义一个tree数组 bash // tree data tree = [{ id: 'D1', label: '设备 1', alarmColor: '#ff0000', disabled: false, children: [{ id: 'B1',
jacascript DOM节点——元素节点、属性节点、文本节点
08-30
在实际开发中，DOM节点的操作非常常见，如动态添加、删除或修改元素和属性，或者通过遍历DOM树来查找特定的节点。理解元素节点、属性节点和文本节点的概念及其操作方法是JavaScript Web开发的基础。熟练掌握这些知识...
XML应用开发（软件品牌）-1期 6.4 案例分析-XML DOM修改节点值.doc
07-13
本篇内容主要讲解了如何使用DOM解析XML文档，并着重介绍了如何修改XML文档中的文本节点值和属性节点值。 首先，我们来看修改文本节点值的方法。文本节点在DOM中是通过其`nodeValue`属性来存储值的。例如，如果我们...
JavaScript驾驭网页－DOM
10-22
- nodeValue：用于存储节点的值，通常用于文本节点和属性节点。 - nodeType：表示节点的类型，例如 DOCUMENT 或 TEXT。 - childNodes：包含节点下所有子节点的数组，按照它们在HTML代码中出现的顺序排列。 ...
28. Element nodeValue 属性
enlyhua的专栏
08-06 572
实例获得第一个 button 元素的节点值：document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;结果：Try it yourself<!DOCTYPE html> <html> <body><p id="demo">请点击按钮来获得 button 元素的节点值。</p><button onclick="myFuncti
javascript中的NodeType、NodeValue、NodeName实例测试
yihuliunian的博客
03-12 315
转载自品略图书馆：http://www.pinlue.com/article/2020/03/1214/1810021066127.html javascript中的firstChild是怎么执行的？ <ul id="contain"> <li><a href="http:/www.iwcn.net">Microsotf</...
JavaScript DOM操作案例点击按钮修改p标签内容
weixin_30364325的博客
07-18 331
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="b...
024--Hbuilder--js--获取和修改节点文本
weixin_45515187的博客
10-24 231
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <p id="haha1">我是新手
DOM学习笔记1—获取并操作文本节点的值
u014393500的博客
01-06 184
代码分割线＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-...
2-JS修改节点
qwy715229258163的博客
11-20 207
学习之用
JavaScript DOM操作案例点击按钮修改所有p标签的内容
weixin_30544657的博客
07-19 253
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="b...
【JavaScript】JavaScript中的nodeName、nodeType、nodeValue区别
最新发布
学习 记录 总结 分享
06-26 1075
nodeValue属性对于文档节点和元素节点是不可用的。文档节点的 nodeName永远是 #document。//data同样是其内容,这个属性下同样可以增删改。对于属性节点，nodeValue属性包含属性值。对于文本节点，nodeValue属性包含文本。//attribute 的nodeType=2。//文本节点的nodeValue是其文本内容。属性节点的 nodeName是属性名称。//按钮1取节点nodetype值。注释comments 8。//h1是一个标签。//演示按钮，有很多属性。
HTML DOM 访问之nodeValue和nodeName使用
長い冬が越さなければ春が来ない。
11-21 678
Hello World! 本例演示 getElementById 方法的使用方法： document.write(""); x=document.getElementById("intro"); document.write("getElementById Return Value is：" + x + ""); document.write("getElementById Return V
JavaScript DOM操作：元素、属性和文本节点详解
"本文主要探讨JavaScript中的DOM节点，包括元素节点、属性节点和文本节点，旨在帮助读者理解和掌握如何在JavaScript中操作HTML元素及其属性。" 在JavaScript中，DOM（Document Object Model）是一种用于表示HTML或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值