JavaScript作為一門客戶端編程語言，其最基礎的功能就是對頁面元素進行操作，而其中最常見的操作之一就是提取文本。在實際開發中，我們常常需要從網頁中提取出某些特定的文本，例如新聞網站需要提取出文章標題和正文，社交網絡需要提取出用戶的昵稱和發言內容等等。下面，我們將結合具體的例子來講解如何使用JavaScript提取文本。

首先，我們需要明確一個概念，那就是文本在網頁中是以HTML標簽的形式存在的。例如，下面的一段HTML代碼：

<div id="article">
<h1>JavaScript提取文本</h1>
<p>JavaScript作為一門客戶端編程語言...</p>
</div>

在這段代碼中，<h1>標簽和<p>標簽中的內容就是我們需要提取的文本。那么，如何通過JavaScript獲取這些文本呢？

最簡單的方式就是使用innerHTML屬性。例如：

var article = document.getElementById("article");
var title = article.getElementsByTagName("h1")[0].innerHTML;
var content = article.getElementsByTagName("p")[0].innerHTML;

上面的代碼首先通過getElementById方法獲取到id為"article"的div元素，然后再通過getElementsByTagName方法分別獲取到其中的<h1>和<p>元素。最后，通過innerHTML屬性獲取到元素中的文本。需要注意的是，innerHTML屬性獲取到的內容包括HTML標簽在內的所有內容。

除了使用innerHTML屬性，還可以使用innerText或textContent屬性來獲取文本。例如：

var article = document.getElementById("article");
var title = article.getElementsByTagName("h1")[0].innerText;
var content = article.getElementsByTagName("p")[0].textContent;

innerText和textContent的區別在于，前者會忽略元素中的HTML標簽，而后者會將標簽作為純文本輸出。

除了使用以上三種屬性外，還可以使用正則表達式提取文本。例如，以下代碼可以從一個含有換行符的文本中提取出所有非空格字符：

var text = "JavaScript\n提取 文本";
var arr = text.match(/\S+/g);
console.log(arr);  //["JavaScript", "提取", "文本"]

通過以上的代碼示例，可以看出JavaScript提取文本的方法有多種，可以根據實際需求選擇不同的方式來進行操作。希望本文能夠幫助大家更好地掌握JavaScript的基礎技能。