Js中nodevalue返回的是什么?入门基础知识_节点入门知识

在JavaScript中,nodeValue属性用于根据节点的类型设置或返回节点的值,该属性的值取决于节点的类型(nodeType)。下面本篇文章就来给大家介绍一下nodeValue属性,希望对大家有所帮助。语法设置节点值:node.nodeValue=value返回节点值:node.nodeValue返回值:返回一个字符串,表示当前节点本身的文本值。节点值

Js中nodevalue返回的是什么?入门基础知识

在JavaScript中,nodeValue属性用于根据节点的类型设置或返回节点的值,该属性的值取决于节点的类型(nodeType)。下面本篇文章就来给大家介绍一下nodeValue属性,希望对大家有所帮助。

Js中nodevalue返回的是什么?入门基础知识_节点入门知识

语法

设置节点值:

node.nodeValue=value

返回节点值:

node.nodeValue

返回值:返回一个字符串,表示当前节点本身的文本值。

节点值根据节点类型的不同而有所不同:

  • 文本节点:nodeValue属性值就是文本节点的内容。

  • 属性节点:nodeValue属性值就是属性节点的值。

  • 文档节点和元素节点:nodeValue属性是不可用的。

注:如果你想返回元素的文本,记住文本通常是插入到文本节点中,这样返回的就是文本节点的节点值(element.childNodes[0].nodeValue)。

示例:

<!--HTML部分代码如下-->
<p id="p1">This is text!</p>
<!--JavaScript代码-->
<script>
//返回1,null,因为p为元素节点返回null,只有p元素的子节点——文本节点才返回文本值
console.log(document.getElementById("p1").nodeType);
console.log(document.getElementById("p1").nodeValue);
//返回3,This is text!,p元素的子节点是文本节点    
console.log(document.getElementById("p1").childNodes[0].nodeType);
console.log(document.getElementById("p1").childNodes[0].nodeValue);
//返回3,This is text!,与上面等同
console.log(document.getElementById("p1").firstChild.nodeType);
console.log(document.getElementById("p1").firstChild.nodeValue);
</script>
海计划公众号
(0)
上一篇 2020/03/20 07:33
下一篇 2020/03/20 07:33

您可能感兴趣的内容

  • 如何给div、p添加onload事件?基础知识_事件基础知识

    前提其实只有 、、、、、、 这些标签才有onload事件,而div、p等标签是没有的。但如果我们还是想在div append到DOM时做一些事情该怎么办呢?有人会说那就在append到DOM的代码后面加不就行了,但这样会每个append地方后面都得一一写上,好麻烦。

    2020/03/22
  • 几种常见的APP开发模式的优缺点基础入门_app入门攻略

    常见的开发模式有6种(Native App,Web App,Hybrid App,Weex,React Native)Native App传统的原生APP开发模式,有IOS和AOS两大系统,需要各自语言开发各自APP。优点:性能和体验都是最好的缺点:开发和发布成本高举个栗子:网易管家APP (Tab1,Tab2)应用技术:Swift,OC,JAVAWebAp

    2020/03/30
  • Flutter platform view 使用篇入门指南_native小白知识

    Flutter作为备受关注的跨平台的开发框架,长远来看,前景肯定是比较好的。在其基础组件还未完善与成熟之前,能够高效的复用现有的native组件,是比较合适的方案。官方提供了Plugin的方式,允许将一个成熟的native组件(比如mapview),封装成一个可用dart来操作的widget。本文以封装一个腾讯地图组件为例,介绍一下整个过程。具体也可以参照一

    2020/03/23
  • 高效实用的.NET开源项目基础知识_开源入门基础知识

    很多人也想了解一下最新和感觉有用的.NET开源项目,最近准备面试为了有料说,在网上找到了一些开源的项目,个人觉得还不错,所以给大家分享一下,共同进步。Akka.NET:概述:更轻松地构建强大的并发和分布式应用。简介:Akka.NET是一个用于在.NET和Mono上构建高度并发,分布式和容错的事件驱动应用程序的工具包和运行时。开源地址:https://gith

    2020/03/31
  • 能用CSS能播放声音吗?基础入门_音频入门基础教程

    CSS 是样式、布局和表示的领域。它充斥着颜色、大小和动画。但是你知道吗,它还可以在网页上控制播放声音。本文介绍了一些技巧。实际上它并不是真正的 hack,而是针对 HTML 和 CSS 的严格实现。不过说实话,这仍然是一种 hack。我不建议在生产中使用它,因为音频可能还会被 元素或 JavaScript 进行控制。窍门用 CSS 播放声音

    2020/03/22
  • js中valueOf和toString入门知识_object入门教程

    valueOf和toString是Object.prototype的方法。一般很少直接调用,但是在使用对象参与运算的时候就会调用这两个方法了。我想大部分人都存在以下疑问:valueOf和toString哪个优先级较高?是不是所有场景都会调用valueOf和toString概念解释valueOf: 返回对象的原始值表示toString: 返回对象的字符串表示在

    2020/03/24
  • 未来 PWA 将取代本地应用,成为构建良好用户体验的首选方式菜鸟教程下载_pwa基础知识入门

    PWA 的译文为渐进式 Web 应用,它根据设备的支持情况来提供更多功能,如离线能力、推送通知,甚至本地应用的外观和速度,以及对资源进行本地缓存。旨在提升 Web App 的性能,改善 Web App 的用户体验。面对拥有如此优秀特性的 PWA,本文作者 Stefan Dorresteijn 大胆预测:PWA 是我们的未来。做出这样的预测我还是很有信心的:未

    2020/03/30
  • 由使用request-promise-native想到的异步处理方法基础入门_native入门知识

    问题场景因为js语言的特性,使用node开发程序的时候经常会遇到异步处理的问题。对于之前专长App开发的我来说,会纠结node中实现客户端API请求的“最佳实践”。下面以OAuth2.0为场景,需要处理的流程:获取access token使用获取到的token,发起API请求处理API数据处理过程一开始,我们使用了闭包嵌套闭包的方式实现,形如:request

    2020/03/31
  • resumable.js小白基础_基于 HTML 5 File API 的文件上传

    resumable.js小白基础 官方网址:http://www.resumablejs.com GitHub:https://github.com/23/resumable.js…

    2020/03/06
  • dev.to入门基础_国外知名开发者社区

    dev.to入门基础 官方网址:https://dev.to/ 简介描述:国外知名开发者社区 与他人分享和发现好主意,进行讨论并结交朋友。 Dev.to每天都有来自开发人员的用户提…

    2020/03/11
  • Keypress.js小白知识_一款强大的键盘输入,可捕获侧重于游戏输入的Javascript

    Keypress.js小白攻略 官方网址:http://dmauro.github.io/Keypress/ GitHub:https://github.com/dmauro/Ke…

    2020/03/06
  • 你可能不知道的JSON.stringify用法入门基础_用法入门指南

    JS 中有许多常见的函数,我们可能每天都在使用它们,但是却不知道它们的一些额外功能。JSON.stringify 就是这样的一个函数,今天就来看下它的特殊用法。基础JSON.stringify 方法接收一个变量,并将它转换成 JSON 表示形式。const boy = { name: ‘John’, age: 23
    };JSON.stringify(boy

    2020/03/23
  • vue与后台交互ajax数据新手入门_vue基础知识教程

    Vue.js是一套构建用户界面的渐进式的前端框架。 vueJS与后台交互数据的方法我所了解的有以下几种:(1)引入vue-resource(mian.js)安装依赖:npm install vue-resource –saveimport VueResource from ‘vue-resource’
    vue.use(VueResource)注意:vu

    2020/04/06
  • 值得你收藏的10个CSS3动画工具菜鸟教程网_动画小白攻略

    人类对于运动的食物往往会投入更多的关注,因此巧妙的使用动画能够极大地提升网站的用户体验,快速唤起用户对重要元素的关注。在CSS3中引入了全新的动画语法,它能够帮助你在设计中实现许多有趣的事情。通常构建炫酷的动画是非常复杂和费时的,而使用动画库和生成器则可以帮助你完美处理这一切。在这篇文章中我们将推荐十款出色的工具,它们可以帮助你更快更轻松地完成自己的动画。1

    2020/03/29
  • 一文看懂中国互联网二十年小白基础_互联网基础入门

    以史为镜,可以知兴替。中国互联网,沧海桑田。1、最早在美国上市的中国互联网公司是中华网,域名牛逼,中国概念,一度股价爆高到100多美元,后来一路跌到地板,然后退市,现在,谁还记得呢。2、曾经联想搞了一个fm365.com,联想的互联网战略,非常非常早的事情,随着联想电脑预装铺开,一度号称是国内门户前几名,然后呢?后来一度域名都丢了,然后也没有然后了。3、我们

    2020/04/05
  • 17 款可视化工具,让你的数据更美观指南教程_数据小白攻略

    想让数据变得更好看?不必成为经验丰富的数据科学家,也不必成为平面设计师。有一些能让数据从简单的表格变成多种多样的图形,地图甚至词“云”。并不是所有的工具都适合你,但这些工具确实很有用。希望你不仅能从中学到新的技能和极具创新的工具,更能从中结合你自己的业务有新的发现。1. Infogr.am在Infogr.am网站中,你可以使用30多种图形和6种主题创建互动和

    2020/03/29