js提取指定网站内容( 即可如果想要设置标签中的内容，包括标签、空格、文本、换行等。 )

　　js提取指定网站内容(

即可如果想要设置标签中的内容，包括标签、空格、文本、换行等。

)

　　JS获取标签内容的方法

　　 测试代码

DOCTYPE html>

Title

这有个 第一个p

​

这有个第二个p

这是个

​

span

​

这有个a标签

​

　　1.innerHTML

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

　　清除标签内容，innerHTML = "";

　　如果要设置标签的内容，innerHTML = "填写你要设置的标签和内容"; 设置内容时，将覆盖所有原创内容。

　　JS代码和效果图如下：

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

// 获取标签的内容

var box1 = box.innerHTML;

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

console.log(box1);

//替换标签内容

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

box.innerHTML = '你们被我h3替换啦！！！';

console.log(box);

　　2.内文

　　该方法获取标签中的所有文本（及其子标签），但不获取标签（或者它可以过滤掉所有标签）。如果有多个空格或换行符，会被解析为一个空格。

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

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

//获取标签机器子标签的所有文本内容

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

var box2 = box.innerText;

console.log(box2);

//修改标签文本内容，内容中包含的标签不会被解析，会文本输出

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

box.innerText = '<p>这里有个p，来看一下'

</p>

　　3.texContent

　　textContent 获取标签中的内容。但是，当 textContent 过滤掉标签时，它会保留标签结构。

　　针对innerText兼容性问题的JS代码：

// 处理innerText的浏览器兼容性问题

function getInnerText(element) {

if (typeof element.innerText === 'string') {

return element.innerText;

} else {

return element.textContent;

}

}