实例

获得第一个 button 元素的节点值:document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;结果:Try it yourself
<!DOCTYPE html>
<html>
<body><p id="demo">请点击按钮来获得 button 元素的节点值。</p><button onclick="myFunction()">试一下</button><script>
function myFunction()
{var c=document.getElementsByTagName("BUTTON")[0];
var x=document.getElementById("demo");
x.innerHTML=c.childNodes[0].nodeValue;
}
</script><p><b>注释:</b>元素内的文本节点被视作文本节点,因此我们返回 button 元素的首个子节点(childNodes[0])的节点值。</p></body>
</html>

定义和用法

nodeValue 属性设置或返回指定节点的节点值。

注释:如果您希望返回元素的文本,请记住文本始终位于文本节点中,并且您必须返回文本节点的值(element.childNodes[0].nodeValue)。

提示:nodeValue 属性的替代选择是 textContent 属性。

28. Element nodeValue 属性相关推荐

  1. childNodes属性、nodeType属性、nodeValue属性

    childNodes属性 在一颗节点树上,childNodes属性可以用来获取任何一个元素的所有子元素,它是一个包含这个元素全部子元素的数组:语法element.childNodes. 由childN ...

  2. element一些属性或方法

    element 1.from表单 2.upload 上传 1.from表单 this.$refs["ref"].resetFields(); // 清除表单验证结果以及重置// e ...

  3. java element 获取属性_java 获取类,属性变量,方法,方法参数上注解的值等

    一:获取类上注解的值 定义注解@Target(ElementType.TYPE)用于类,接口等 @Target(ElementType.TYPE) @Retention(RetentionPolicy ...

  4. Angular应用Base Element Href属性的设置

    index.html里有个base标签页,href属性为/: getBaseElementHref: getBaseHref: relativePath里有个document.createElemen ...

  5. 设置element表格属性(背景透明,颜色,边框...)

    /* 整个表格的宽度 */ .tableBox {width: 470px; } /* 标题行的内边距 */ ::v-deep .tableBox th {padding: 3px; } /* 内容行 ...

  6. Vue+Element el-table属性row-class-name用法及踩坑

    el-table属性row-class-name用法及踩坑 需求前提:想要给表格的某一行加上不同的background,用来区分当前行的状态 根据官方给出的文档官方文档 在el-table中绑定自定义 ...

  7. 32. Element tabIndex 属性

    定义和用法 tabIndex 属性设置或返回元素的 tab 键控制次序. 语法 HTMLElementObject.tabIndex=tabIndex 实例改变三个链接的 tab 次序:<htm ...

  8. Dom操作xml的常用方法

    (Dom的全部方法和属性可到vs的对象浏览器察看) '创建DOM对象 set objDom=server.CreateObject("microsoft.xmldom") '取得x ...

  9. 对xml操作的主要方法[轉]

    set objDom=server.CreateObject("MicroSoft.XMLDom") @#取得xml数据 @#方法1 取得xml文件的xml数据   objDom. ...

  10. element怎么设置复选框属性_【JavaScript 教程】DOM——属性的操作

    作者 | 阮一峰 HTML 元素包括标签名和若干个键值对,这个键值对就称为"属性"(attribute). <a id="test" href=" ...

最新文章

  1. 解密!谷歌这样搞定美军世纪难题,从眼科诊断到无人驾驶
  2. HDU 2222 Keywords Search (AC自动机模板题)
  3. pycharm 运行程序时提示错误信息:ModuleNotFoundError: No module named 'pytest' 解决方法
  4. 【视频】详解HDFS的HA高可用原理
  5. vue路由添加.html,怎么使用VueRouter的addRoutes方法实现动态添加用户的权限路由
  6. noip模拟赛 写代码
  7. Centos出现-bash: unzip: command not found的解决办法
  8. 简单的选项卡功能实现
  9. 50个GMAIL申请,来吧来吧!
  10. 2008服务器系统只有回收站,清除Windows Server 2008 R2中所有用户的回收站
  11. access连接mysql_如何正确连接access数据库
  12. mysql lex yacc脚本_终于成功配置lex和yacc的工具Parser Generator
  13. 天涯明月刀7月5号服务器维护,天涯明月刀7月5日更新_天刀7月5日版本改动_3DM网游...
  14. 如何查看电子元器件的丝印信息
  15. addclass和css()的区别
  16. 计算机上瘾英语对话,对手机上瘾的英语作文(精选5篇)
  17. SDK对接遇到的问题与解决
  18. 2.Collection、Iterator迭代器、泛型、斗地主案例
  19. c++ 虚函数多态、纯虚函数、虚函数表指针、虚基类表指针详解
  20. VM虚拟机无法安装WIN7系统,出现“start booting from cd”

热门文章

  1. Cocos开发中性能优化工具介绍(一):Xcode中Instruments工具使用
  2. 在jsp页面通过JDBC访问数据库,并取出数据显示到页面上_试验mysql、sqlserver2008(亲测成功)...
  3. Hibernate应用中Java对象的状态
  4. tidyverse —— forcats包
  5. English vocabulary-1
  6. 实验19:Frame-Relay
  7. js 原生拖拽,返回到原点
  8. [iOS] 响应式编程开发-ReactiveCocoa(二)
  9. onContextItemSelected 与 onMenuItemSelected 的那些事
  10. About_php_封装函数