JavaScript是一種通過嵌入到HTML文檔中來實現交互式前端功能的編程語言。在網站開發中，我們常常需要在當前頁面中獲取文章內容的相關信息，以便進行后續的處理。下面我們就來介紹如何用JavaScript實現獲取當前頁面的文章。

要獲取當前頁面的文章，我們需要先通過DOM操作找到包含文章內容的HTML元素，然后再提取其中的文字和其他內容。常見的文章容器元素可能包括div、article、section等，而各個網站的具體實現方式可能會有所不同。假設我們需要獲取知乎上一篇回答的內容，在頁面中打開控制臺，可以輸入如下代碼來找到包含答案內容的元素：

let answer = document.querySelector('div.RichContent-inner');

這里我們使用了document對象提供的querySelector方法來獲取與指定CSS選擇器匹配的第一個元素。可以發現，文本內容都被包含在了一個名為RichContent-inner的div元素中。那么我們就可以使用innerText屬性來獲取答案的純文本內容，示例代碼如下：

let answerText = answer.innerText;
console.log(answerText);

運行上述代碼后，控制臺將輸出格式化后的答案純文本內容。當然，如果我們需要在處理答案時保留html標簽，可以使用innerHTML屬性來獲取完整的HTML代碼：

let answerHtml = answer.innerHTML;
console.log(answerHtml);

在實際場景中，我們可能需要通過多次操作來提取文章內容中的不同元素，比如文章標題、作者、標簽等。此時，我們可以進一步利用CSS選擇器來獲取更具體的元素，然后通過訪問其屬性來提取相應信息。以獲取知乎回答的作者名和頭像為例，在已經獲取到了答案節點的前提下，可以使用如下代碼來定位作者元素：

let author = answer.querySelector('a.UserLink-link');

這里我們先使用querySelector方法獲取到了作者鏈接的a元素，然后可以通過訪問其href、innerText和數據屬性等屬性來獲取作者個人主頁鏈接、昵稱和頭像鏈接等信息：

let authorLink = author.href;
let authorName = author.innerText;
let avatarUrl = author.dataset.original;
console.log(authorLink, authorName, avatarUrl);

這樣我們就可以用JavaScript獲取當前頁面的文章內容了。需要注意的是，不同網站的頁面結構和CSS樣式都可能會有所不同，因此提取相應信息時需要根據具體情況做出調整。此外，為避免過度頻繁的頁面請求和DOM操作，我們建議在實際應用中對獲取文章信息的代碼進行優化和緩存。