html中抓取span中的值,JavaScript如何获取span元素的文本？

2024-05-12 12:38:41

给定一个HTML文档，如何获取元素的文本？下面本篇文章就来给大家介绍一下使用JavaScript获取元素文本的两种方法，希望对大家有所帮助。

方法1：使用HTML DOM textContent属性

HTML DOM textContent属性设置/返回已定义节点及其所有后代的文本内容。通过设置textContent属性，子节点将被删除，并将其替换为具有指定字符串的单个Text节点。

语法：

返回节点的文本内容node.textContent

设置节点的文本内容node.textContent = text

属性值：包含单值text，指定指定节点的文本内容。

返回值：返回一个字符串，表示节点及其所有后代的文本。如果元素是文档，文档类型或表示法，则返回null。

示例：使用textContent属性获取内容

HTML DOM textContent属性

这是span元素的文本。

单击这里

var span = document.getElementById("Span");

var el_down = document.getElementById("DOWN");

function Run() {

el_down.innerHTML = span.textContent;

}

输出：

方法2：使用HTML DOM innerText属性

HTML DOM innerText属性设置/返回已定义节点及其所有后代的文本内容。通过设置innerText属性，将删除所有子节点，并将其替换为具有指定字符串的单个Text节点。

语法：

返回节点的文本内容node.innerText

设置节点的文本内容node.innerText=text

属性值：包含单值text，指定指定节点的文本内容

返回值：返回一个字符串，表示节点及其所有子节点的“rendered”文本内容。

示例：使用innerText属性获取内容

HTML DOM textContent属性

这是span元素的文本。

单击这里

var span = document.getElementById("Span");

var el_down = document.getElementById("DOWN");

function Run() {

el_down.innerHTML = span.innerText;

}

输出：

html中抓取span中的值,JavaScript如何获取span元素的文本？相关推荐

抓取html指定标签内容,javascript怎样获取某个标签的内容？
在我们平时的JS编程中,经常要获取标签的内容对其进行操作,有很多细节的东西容易被我们忽略,下面让我们来看一下JavaScript如何获取标签中的内容. HTML结构如下: Title 这有个第一个p ...
ListView与.FindControl()方法的简单练习 #2 -- ItemUpdting事件中抓取「修改后」的值
原文出處 http://www.dotblogs.com.tw/mis2000lab/archive/2013/06/24/listview_itemupdating_findcontrol_201 ...
php正则获取li,用正则表达式抓取网页中的ul 和 li标签中最终的值！
获取你要抓取的页面 const string URL = "http://www.hn3ddf.gov.cn/price/GetList.html?pageno=1"; ...
python抓取内存中的网页_『爬虫四步走』手把手教你使用Python抓取并存储网页数据！...
爬虫是Python的一个重要的应用,使用Python爬虫我们可以轻松的从互联网中抓取我们想要的数据,本文将基于爬取B站视频热搜榜单数据并存储为例,详细介绍Python爬虫的基本流程.如果你还在入门爬虫 ...
物体抓取位姿估計算法綜述_3D视觉技术在机器人抓取作业中的应用
摘要本文主要研究3D视觉技术在机器人抓取作业中的应用,总结了3D视觉技术在识别.定位物体时面临的挑战,给出了抓取作业机器人3D视觉系统的设计方法,归纳了现有的3D表面成像方法和视觉处理算法,最后 ...
php 采集邮箱,采集邮箱的php代码(抓取网页中的邮箱地址)
采集邮箱的php代码(抓取网页中的邮箱地址) 复制代码代码如下: $url='http://www.jb51.net'; //这个网页里绝对含有邮件地址. $content=file_get_con ...
open source 3d map_3D视觉技术在机器人抓取作业中的应用实例
原标题:3D视觉技术在机器人抓取作业中的应用实例关键词:3D视觉:工业机器人:抓取 1 引言 3D视觉技术作为新兴的技术领域还存在很多亟待解决的问题,但2D视觉已不能满足空间抓取的应用要求.与2D视 ...
【科普】3D视觉技术在机器人抓取作业中的应用
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达摘要本文主要研究3D视觉技术在机器人抓取作业中的应用,总结了3 ...
php get meta tags,php怎么抓取网站中meta函数get_meta_tags()
get_meta_tags -- 从一个文件中提取所有的 meta 标签 content 属性,返回一个数组描述 array get_meta_tags ( string filename [, i ...

最新文章

热门文章