js 抓取网页内容(更多Javascript教程，欢迎访问起飞网())

　　js 抓取网页内容(更多Javascript教程，欢迎访问起飞网())

　　更多Javascript教程，欢迎访问飞网>>

　　身体：

　　Javascript 通常用于操作 HTML 和更改网页内容！

　　输出内容到页面

　　Javascript 提供了 document.write('string') 方法来将内容写入页面：

使用Javascript改变HTML内容的测试-起飞网

document.write("我是来自JS的内容~");

function writeHtmlLater() {

document.write("哈哈，我把内容覆盖了~");

}

使用Javascript改变HTML内容的测试-起飞网

　　您可以将此代码复制到 html 文件中并运行它。当页面在浏览器中运行时，效果如图：

　　这时候我们点击按钮，你会发现页面上的所有内容都被覆盖了：

　　覆盖页面内容的“罪魁祸首”是按钮onclick事件调用的writeHtmlLater方法。这种方法也是在页面上写一个句子，但是覆盖了整个页面。这里需要注意：

　　document.write() 只将写入的内容输出到文档中。如果在文档加载完成后执行 document.write，整个 HTML 页面将被覆盖。

　　更改 HTML 标签的内容

　　我们使用 JS 不仅是为了向文档输出一些内容，而且是为了改变现有标签的显示方式。 Javascript中提供了访问文档标签的方法：document.getElementById()方法，我们可以通过该方法获取我们想要操作的HTML标签，并改变它们的显示方式：

使用Javascript改变HTML内容的测试-起飞网

function changeMySpanHtml() {

document.getElementById("mySpan").innerHTML = "我是被JS改变后的内容";

}

使用Javascript改变HTML内容的测试-起飞网

<p>span内容：我是span标签的原始内容！

</p>

　　运行这段代码，你会看到如下页面内容：

　　当我们点击Change Span Content按钮时，你会发现span标签的内容发生了变化：

　　这是因为我们在代码中得到了这个标签并重新分配了它的innerHTML属性。

　　本文简单介绍了两种改变HTML内容的方法。后续章节我会介绍更多Javascript知识，请继续关注！