关于nodeValue以及其与value的区别

最新推荐文章于 2023-06-26 22:38:08 发布
原创 最新推荐文章于 2023-06-26 22:38:08 发布 · 4.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#button #文档 #null

 

nodeValue就是用来得到“文本元素的值”的，即只适用于“文本节点”；

例子：

<html>

<head>
<script type="text/javascript">
function getNodeValue()
{
var nv=document.getElementById("td1").firstChild.nodeValue;
var nn=document.getElementById("tr1").firstChild.nodeName;
var nv1=document.getElementById("tr1").firstChild.nodeValue;
alert("nv="+nv);
alert("nn="+nn);
alert("nv1="+nv1);
}
</script>

</head>

<body>
<table>
  <tr id="tr1">
    <td id="td1" >John</td>
    <td>Doe</td>
    <td>Alaska</td>
  </tr>
</table>
<input type="button" value="button1"  onclick="getNodeValue()"/>
</body>

</html>

 

以上得到的结果：

nv=John;

nn=td;

nv1=null;

要分清元素的value属性和nodeValue 不一样，nodeValue适用于“文本节点”和“属性节点”；对应“文档节点”和“标签节点”不起作用

value和nodevalue
weixin_30730053的博客
04-27 144
value和nodevalue不一样，nodevalue适用于"文本节点"和"属性节点"，对"文档节点"和"标签节点"不起作用。 对于"input"中的值不能使用nodevalue 转载于:https://www.cnblogs.com/bestend/p/4459531.html...
nodeValue和value的区别
liying123466的博客
07-26 1万+
（1）nodeValue：a.是用来访问其中的其中的文本的内容的，但是其中只能够应用在文本节点上，如果将nodeValue应用在元素节点上，那么其中就会才出现的问题就是返回的是null。b.注意这里访问其中的文本的时候只能访问其中的就是原本就是标签里面的，如果是其中的通过的是其中的用户在或者是中，其中就会出现问题 （2）value其中说起来value你肯定就会想到的就是其中的input标签里面的
#强烈推荐#nodeValue, value的区别！
dbyt45595的博客
12-26 484
今儿遇到个关于nodeValue与value难题，不知该如何区分，但问题总算解决了，总结了一条心得：有问题查官方文档就好，百度不太具体啊。。。nodeValue和value在MDN技术文档里已经明确区分了（可点击进入技术文档） 我本来写了个表单，想要获取<input type = 'textarea' id = 'text'/>的内容，用document.getElemen...
HTML有value属性的节点,节点的值nodeValue与HTML元素的内容innerHTML的区别？最好有代码效果显示...
weixin_42538752的博客
06-08 206
对于元素节点，因为本身不直接包含文本，所以nodeValue是不可用的。当然你也可以在示例中自己写试试看有什么结果出现。对于文本节点，nodeValue=文本值对于属性节点，nodeValue=属性值而innerHTML只能是文本值varelement=document.getElementById("myspan");vartext=element.firstChild;varpr...
nodeValue 节点值（文本节点和属性节点有值）、innerHTML（返回节点、子节点及值）、 value（返回 input 的值）
weixin_41796631的博客
05-05 1642
原文章：https://www.jianshu.com/p/a5976186f6b2 ==》DOM一共有12种节点，其中常见的有： 1.文档节点（document，一个文档只能有一个文档元素（在html文档中，它是<html>）） 2.元素节点（div、p之类） 3.属性节点（class、id、src之类） 4.文本节点（插入在div、p之类里面的内容） 5.注释节点 ....
nodevalue和value的区别
03-16
nodeValue和value的区别在于： 1. nodeValue是节点对象的属性，表示该节点的值，可以是文本节点、注释节点、属性节点等的值；而value是表单元素的属性，表示该表单元素的值。 2. nodeValue是一个字符串类型的属性...
html nodeValue
07-28
- *3* [nodeValue以及其与value的区别以及JS nodeName、nodeValue、nodeType返回类型](https://blog.youkuaiyun.com/fox123871/article/details/6727446)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630...
<body> <input type="text" id="nameld" value="张三"><br> <span id="spanld">我是文本内容</span> </body> <script type="text/javascript"> var input = document.getElementByld("nameld"); alert(input.nodeName); alert(input.nodeType); alert(input.nodeValue); var value = input.getAttributeNode("value"); alert(value.nodeName); alert(value.nodeType); alert(value.nodeValue); var span = document.getElementByld("spanld"); var text = span.firstChild; alert(text.nodeName); alert(text.nodeType); alert(text.nodeValue); </script>
06-01
在本例中，value 属性节点的 nodeName 为 "value"，nodeType 为 2（表示属性节点），nodeValue 为 "张三"。 4. 最后，JavaScript 代码获取文本节点，使用 alert 函数分别输出该节点的 nodeName、nodeType 和 ...
param_found = False for child in target_boundary.childNodes: if child.nodeType == child.ELEMENT_NODE and child.tagName == param_name: # 更新参数值 if child.firstChild: child.firstChild.nodeValue = new_value else: child.appendChild(tree.createTextNode(new_value)) param_found = True break if not param_found: raise ValueError(f"Parameter '{param_name}' not found in boundary {boundary_id}") 这段python代码的作用是什么
最新发布
10-18
如果存在，将其节点值（`nodeValue`）直接更新为 `new_value`。例如，如果元素原本是 `<param>old_value</param>`，执行后变为 `<param>new_value</param>`。 - **如果元素没有文本子节点**：使用 `tree....
这是一个单选的选择器 帮我改为多选 提供完整代码 <template> <view class="w-picker-view"> <picker-view class="d-picker-view" :indicator-style="itemHeight" :value="pickVal" @change="handlerChange"> <picker-view-column> <view class="w-picker-item" v-for="(item,index) in range" :key="index">{{item[nodeKey]}}</view> </picker-view-column> </picker-view> </view> </template> <script> export default { props:{ itemHeight:{ type:String, default:"44px" }, options:{ type:[Array,Object], default(){ return [] } }, value:{ type:String, default:"" }, defaultType:{ type:String, default:"label" }, defaultProps:{ type:Object, default(){ return{ label:"label", value:"value" } } } }, data() { return { pickVal:[] }; }, computed:{ nodeKey(){ return this.defaultProps.label; }, nodeValue(){ return this.defaultProps.value; }, range(){ return this.options } }, watch:{ value(val){ if(this.options.length!=0){ this.initData(); } }, options(val){ this.initData(); } }, created() { if(this.options.length!=0){ this.initData(); } }, methods:{ initData(){ let dVal=this.value||""; let data=this.range; let pickVal=[0]; let cur=null; let label=""; let value,idx; if(this.defaultType==this.nodeValue){ value=data.find((v)=>v[this.nodeValue]==dVal); idx=data.findIndex((v)=>v[this.nodeValue]==dVal); }else{ value=data.find((v)=>v[this.nodeKey]==dVal); idx=data.findIndex((v)=>v[this.nodeKey]==dVal); } pickVal=[idx!=-1?idx:0]; this.$nextTick(()=>{ this.pickVal=pickVal; }); if(this.defaultType==this.nodeValue){ this.$emit("change",{ result:value?value[this.nodeKey]:data[0][this.nodeKey], value:dVal||data[0][this.nodeKey], obj:value?value:data[0] }) }else{ this.$emit("change",{ result:dVal||data[0][this.nodeKey], value:value?value[this.nodeValue]:data[0][this.nodeValue], obj:value?value:data[0] }) } }, handlerChange(e){ let arr=[...e.detail.value]; let pickVal=[arr[0]||0]; let data=this.range; let cur=data[arr[0]]; let label=""; let value=""; this.$nextTick(()=>{ this.pickVal=pickVal; }); this.$emit("change",{ result:cur[this.nodeKey], value:cur[this.nodeValue], obj:cur }) } } } </script> <style lang="scss"> @import "./w-picker.css"; </style>
08-19
value: this.selectedIndices.map(i => this.range[i][this.nodeValue]), objs: this.selectedIndices.map(i => this.range[i]) }); }, handlerChange(e) { // picker-view 的 value 只能控制单列...
nodeValue、value和innerHTML的区别
lzhfdxhxm的博客
01-11 1300
==》DOM一共有12种节点，其中常见的有： 1.文档节点（document，一个文档只能有一个文档元素（在html文档中，它是）） 2.元素节点（div、p之类） 3.属性节点（class、id、src之类） 4.文本节点（插入在div、p之类里面的内容） 5.注释节点 nodeValue，是节点的值，其中属性节点和文本节点是有值的，而元素节点没有值。
js属性节点的nodeValue值
weixin_45217584的博客
07-04 2563
属性节点的nodeValue值 元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValue 是文本自身 属性节点的 nodeValue 是属性的值 li是一个元素节点，所以它的nodeValue是null 或undefined. ...
HTML DOM的nodeType值属性和用法介绍
iteye_2433的博客
03-31 220
将HTML DOM中几个容易常用的属性做下记录，需要的朋友可以参考下。 nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。 nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #...
【JavaScript】JavaScript中的nodeName、nodeType、nodeValue区别
学习 记录 总结 分享
06-26 1576
nodeValue属性对于文档节点和元素节点是不可用的。文档节点的 nodeName永远是 #document。//data同样是其内容,这个属性下同样可以增删改。对于属性节点，nodeValue属性包含属性值。对于文本节点，nodeValue属性包含文本。//attribute 的nodeType=2。//文本节点的nodeValue是其文本内容。属性节点的 nodeName是属性名称。//按钮1取节点nodetype值。注释comments 8。//h1是一个标签。//演示按钮，有很多属性。
js之节点
qq_44388958的博客
03-29 199
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型 一、nodeName 属性:节点的名称，是只读的。 1.元素节点的 nodeName 与标签名相同 2.属性节点的 nodeName 是属性的名称 3.文本节点的 nodeN...
nodeValue以及其与value的区别以及JS nodeName、nodeValue、nodeType返回类型
热门推荐
fox123871的专栏
08-28 1万+
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。 nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文
childNodes和nodeValue详解
小夭的日常分享
04-26 2807
childNodes childNodes的w3school定义为 childNodes 属性返回节点的子节点集合，以 NodeList 对象。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/t..
JavaScript基础练习题第一周
docker_luck的博客
08-24 2692
一、单选题（共30题，每题2分） 得分：2.0分 1. Math.pow(1,2)的结果是 A 1 B 2 C 3 D 0 正确答案: A 解析: 1的2次方，还是1 得分：2.0分 2. 3秒后，图片消失，应该使用下面哪个方法 A hide() B setTimeout() C Cl...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bzuld

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值