JavaScript 是網頁編程中不可或缺的一種語言，它不僅能夠實現頁面交互性功能，也可以對頁面元素進行各種操作。本篇文章主要介紹 JavaScript 中的替換功能，即如何使用 JavaScript 替換所有匹配的文本。

在 JavaScript 中，我們可以使用 replace() 方法來替換字符串中的某些字符或子串。例如，我們有一個字符串變量 str，其中包含了“hello, world”這個子串，我們可以通過以下代碼將其中的“hello”替換成“hi”：

str = str.replace("hello", "hi");

這時 str 的值將變成“hi, world”。

如果我們需要替換字符串中所有匹配的子串，而不僅僅是第一個，可以使用正則表達式來實現。例如，我們有一個字符串變量 str，其中包含了多個“hello”子串，我們可以通過以下代碼將所有的“hello”替換成“hi”：

str = str.replace(/hello/g, "hi");

這里的“/hello/g”是一個正則表達式，其中“/hello/”表示匹配“hello”子串，“g”表示全局匹配（即替換所有匹配的子串），替換后的結果將保存在 str 變量中。

除了替換字符串中的文本，我們也可以使用 JavaScript 替換 HTML 頁面中的元素。例如，我們有一個 HTML 頁面中包含了若干個<span>元素，其中一些元素的 class 值為“highlight”，我們可以通過以下代碼將所有 class 值為“highlight”的<span>元素替換成<div>元素：

let spanList = document.querySelectorAll("span.highlight");
for (let i = 0; i< spanList.length; i++) {
let span = spanList[i];
let div = document.createElement("div");
div.innerHTML = span.innerHTML;
span.parentNode.replaceChild(div, span);
}

這段代碼中，我們首先使用 document.querySelectorAll() 方法找到所有 class 值為“highlight”的<span>元素，然后通過 for 循環逐一替換。在每次循環中，我們先創建一個新的<div>元素，將當前<span>元素的內容復制到其中，最后使用 parentNode.replaceChild() 方法將新的<div>元素替換掉當前<span>元素。

總的來說，JavaScript 替換功能可以幫助我們處理許多頁面中的文本和元素。無論是替換字符串中的文本還是替換 HTML 頁面中的元素，我們都可以通過簡單的代碼實現。需要注意的是，在替換 HTML 元素時要謹慎，避免影響頁面的結構和樣式。