php抓取网页指定内容(一下JavaScript如何获取标签中的HTML结构:JavaScript获取某标签的内容)

优采云 发布时间: 2022-02-16 00:14

  php抓取网页指定内容(一下JavaScript如何获取标签中的HTML结构:JavaScript获取某标签的内容)

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

  

  HTML结构如下:

  

Title

<p>这有个 第一个p

  这有个第二个p

这是个

span

这有个a标签

</p>

  如何在 JavaScript 中获取标签的内容:

  方法一、innerHTML

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

  JavaScript 代码如下:

  

var box = document.getElementById(&#39;box&#39;);

// 获取标签的内容

var box1 = box.innerHTML;

console.log(box1);

  效果如下:

  

  如果要清除标签的内容,innerHTML = "";

  如果要设置标签中的内容,innerHTML = "填写你要设置的标签和内容"; 设置内容时,会覆盖原来的内容。

  方法二、innerText

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

  JS代码和效果图如下:

  

var box = document.getElementById(&#39;box&#39;); var box2 = box.innerText;

console.log(box2);

  效果如下:

  

  如果要清除标签的内容,innerText = "";

  如果要设置标签中的内容,innerText = "填写要设置的标签和内容"; 设置内容时,将覆盖所有原创内容。但是标签不会被解析,会直接作为文本打印在页面上。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线