用javascript实现自动输出网页文本

当你想要实现自动输出网页文本这个功能，可以通过使用JavaScript来实现。

步骤一：获取网页文本

要实现将网页文本进行自动输出，第一步就是需要获取网页的文本内容。获取网页文本的方法有很多种，比如可以用document.getElementsByTagName("p")来获取所有的<p>标签文本内容。

示例：

let paragraphs = document.getElementsByTagName("p"); // 获取所有的 <p> 标签

for(let i = 0; i < paragraphs.length; i++) {
  console.log(paragraphs[i].innerHTML); // 输出 <p> 标签内的文本内容
}

步骤二：输出网页文本

获取到网页的文本内容后，接下来需要将其进行输出。可以使用JavaScript中的console.log()方法将文本内容输出在浏览器的控制台上，也可以将其输出在网页上。

示例1： 在控制台上输出所有的<p>标签内的文本内容

let paragraphs = document.getElementsByTagName("p"); // 获取所有的 <p> 标签

for(let i = 0; i < paragraphs.length; i++) {
  console.log(paragraphs[i].innerHTML); // 输出 <p> 标签内的文本内容
}

示例2： 在页面上创建一个<div>标签用于输出所有的<p>标签内的文本内容

let paragraphs = document.getElementsByTagName("p"); // 获取所有的 <p> 标签

let outputDiv = document.createElement("div"); // 创建一个 DIV 标签

for(let i = 0; i < paragraphs.length; i++) {
  let paragraphText = document.createTextNode(paragraphs[i].innerHTML); // 获取 <p> 标签内的文本内容
  outputDiv.appendChild(paragraphText); // 将文本内容添加到 DIV 标签内
}

document.body.appendChild(outputDiv); // 将 DIV 标签添加到页面的 BODY 中

以上就是使用JavaScript实现自动输出网页文本的完整攻略，通过以上两个示例你可以更好地理解这个过程。