php抓取网页指定内容(一下JavaScript如何获取标签中的HTML结构:JavaScript获取某标签的内容)
优采云 发布时间: 2022-02-16 00:14php抓取网页指定内容(一下JavaScript如何获取标签中的HTML结构:JavaScript获取某标签的内容)
在我们平时的 JS 编程中,我们经常需要获取标签的内容来进行操作。有很多细节很容易被我们忽略。下面我们来看看JavaScript是如何获取标签内容的。
HTML结构如下:
Title
<p>这有个 第一个p
这有个第二个p
这是个
span
这有个a标签
</p>
如何在 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 = "填写要设置的标签和内容"; 设置内容时,将覆盖所有原创内容。但是标签不会被解析,会直接作为文本打印在页面上。