JavaScript作為一門前端編程語言，有著強大的DOM操作能力，可以通過JavaScript來實現動態修改頁面中的內容。下面我們將從常見的修改內容方式入手，詳細解釋如何使用JavaScript來修改網頁內容。

第一種比較常見的修改內容方式是通過innerHTML屬性來修改網頁內容。innerHTML屬性可以獲取或設置元素的內容，成為DOM節點的重要屬性之一。下面是一個修改網頁標題的例子：

document.querySelector('title').innerHTML = '新的標題';

第二種方式是通過修改DOM元素的屬性來實現內容修改。例如下面的例子實現了將圖片元素的src屬性修改為一個新的圖片鏈接：

document.querySelector('img').setAttribute('src','new-image.png');

第三種方式是通過創建新的DOM元素來替換原來的元素。創建新元素可以使用document.createElement()方法，例如下面的例子通過創建和插入新的p標簽來實現替換原來的p標簽：

var newP = document.createElement('p');
newP.innerHTML = '新的段落內容';
var oldP = document.querySelector('p');
oldP.parentNode.replaceChild(newP, oldP);

第四種方式是通過修改CSS樣式來實現內容的修改。修改樣式可以使用元素的style屬性，例如下面的例子將文本顏色修改為紅色：

document.querySelector('p').style.color = 'red';

第五種方式是通過使用jQuery來進行內容修改。jQuery是一個JavaScript庫，提供了操作DOM以及處理事件的簡潔的API，例如下面的例子通過jQuery來實現修改網頁標題：

$('title').text('新的標題');

以上就是常見的JavaScript修改網頁內容的方式。開發者可以根據實際情況選擇不同的方式來進行網頁內容的修改。