在我们平时的JS编程中,经常要获取标签的内容对其进行操作,有很多细节的东西容易被我们忽略,下面让我们来看一下JavaScript如何获取标签中的内容。

HTML结构如下:

Title

这有个 第一个p

这有个第二个p

这是个

span

这有个a标签

JavaScript获取某标签的内容的方法:

方法一、innerHTML

此方法可获取标签中的所有的内容,包括标签、空格、文本、换行等。

JavaScript代码如下:

var box = document.getElementById('box');

// 获取标签的内容

var box1 = box.innerHTML;

console.log(box1);

效果如下:

如果想要清空标签的内容,innerHTML = "";即可

如果想要设置标签中的内容,innerHTML = "填写想要设置的标签和内容";设置内容时,会把原有的内容全部覆盖。

方法二、innerText

此方法获取标签中的文本,不会获取标签(或者说可以过滤掉所有的标签)。如果有多个空格或者是换行,解析为一个空格。

JS代码和效果图如下:

var box = document.getElementById('box'); var box2 = box.innerText;

console.log(box2);

效果如下:

如果想要清空标签的内容,innerText = "";即可

如果想要设置标签中的内容,innerText = "填写想要设置的标签和内容";设置内容时,会把原有的内容全部覆盖。但是标签不会被解析,会直接以文本的形式打印在页面中。

抓取html指定标签内容,javascript怎样获取某个标签的内容?相关推荐

  1. js如何写html中的内容,javascript怎样获取某个标签的内容?

    在我们平时的JS编程中,经常要获取标签的内容对其进行操作,有很多细节的东西容易被我们忽略,下面让我们来看一下JavaScript如何获取标签中的内容. HTML结构如下: Title 这有个 第一个p ...

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

    给定一个HTML文档,如何获取元素的文本?下面本篇文章就来给大家介绍一下使用JavaScript获取元素文本的两种方法,希望对大家有所帮助. 方法1:使用HTML DOM textContent属性 ...

  3. python爬虫搜特定内容的论文_python基于BeautifulSoup实现抓取网页指定内容的方法...

    python基于BeautifulSoup实现抓取网页指定内容的方法 更新时间:2015年07月09日 10:12:50 作者:光索与诺 这篇文章主要介绍了python基于BeautifulSoup实 ...

  4. 抓取网页图片的脚本(javascript)

    抓取网页图片的脚本(javascript) 本文地址: http://blog.csdn.net/caroline_wendy/article/details/24172223 脚本内容 (没有换行) ...

  5. PHP抓取网页指定文章标题

    PHP抓取网页指定文章标题 提示:这里可以添加本文要记录的大概内容: 例如:我们想要读取网页,某个栏目下文章的标题以及超链接导入我们自己的网站 二.使用步骤 1.读入数据 代码如下(示例): < ...

  6. php抓取网指定内容,php获取网页内容方法总结

    抓取到的内容在通过正则表达式做一下过滤就得到了你想要的内容,至于如何用正则表达式过滤,在这里就不做介绍了,有兴趣的,以下就是几种常用的用php抓取网页中的内容的方法. 1.file_get_conte ...

  7. PHP抓取网页指定内容(推荐用CURL效率更高)

    PHP抓取某页面指定内容 初学php研究了好几个小时最后问了同事,得以解决:下面我就以我网站的一个详情页为例子,给大家分享一下: 直接贴代码,注释写的很清楚了 [方法一] <?php //添加编 ...

  8. php正则抓取网页指定内容,php正则匹配获取指定url网页页面超级链接地址与抓取指定页面内容方法...

    在数据采集与页面分析中,常需要抓取给定url页面的内容,或者第二.第三层次深度页面内容. 这里是一个测试例子的实现,仅供参考. /* 匹配给定页面链接 return:array match[link, ...

  9. PHP:抓取网页指定内容

    效果图 代码 <?php $url = "http://要抓取的网页"; $contents = file_get_contents($url); //如果出现中文乱码使用下 ...

最新文章

  1. OpenStack 多节点纳管 vCenter 5.5
  2. JavaWeb-Spring中注解大全与详解
  3. CVPR 2019 GCT:《Graph Convolutional Tracking》论文笔记
  4. [Python图像处理] 二十七.OpenGL入门及绘制基本图形(一)
  5. POJ 3461 字符串匹配(KMP / 哈希(有推导))
  6. 2019年普通高等程序员招生统一考试
  7. 关于人生的十句经典的话! .
  8. FusionCharts 分类以及各个属性参数列表
  9. 周志华机器学习西瓜书速记第一章绪论
  10. 初学者上手python建模
  11. abaqus 关联 子程序_Abaqus2016版本关联子程序教程
  12. win7摄像头软件_电脑最好用录屏软件,一分钟下载安装
  13. JAVA指定区域内截图_Java+Selenium根据元素创建指定区域截图——Element快照
  14. 集成建行聚合支付踩过的坑,有些槽不吐不快
  15. Laravel文档阅读笔记-Custom Authentication Login And Registration Using Laravel 8
  16. PDH性能测试之五--待续
  17. tibco rv java实例_java – 我不允许使用Tibco Rendezvous确认消息的任何原因?
  18. c语言程序漏洞分析,C语言源程序的缓冲区溢出漏洞分析及解决方案.pdf
  19. Python实用工具,pyqt5模块,Python实现自动生成艺术签名的小工具
  20. 【转载】IntelliJ IDEA 完美破解(2099年到期)

热门文章

  1. 5G智慧灯杆网关的行业应用与前景
  2. day10-阶段测评
  3. 网络基础知识 第一章上
  4. 二维数组名、二维数组名取地址、二级指针
  5. 缺陷修改实践——replace函数的运用|思考?
  6. MFC添加加瓦系列一之MFC水平与垂直布局
  7. python跨年表白神器--你值得拥有!
  8. 广州大学计算机学院网安学硕复试经历
  9. Python科学计算库核心知识点总结_代码篇(ML/DL依赖语法)
  10. 【应用随机过程】07. 平稳过程