在 Ubuntu 下，你可以使用各種現代瀏覽器（如 Firefox、Chrome 或 Chromium）來運行和測試你的 JavaScript 代碼。要在這些瀏覽器中操作 DOM 元素，你可以使用 JavaScript 的 DOM API。以下是一個簡單的示例，演示了如何在瀏覽器中操作 DOM 元素：
首先，在 Ubuntu 上安裝一個文本編輯器，如 Vim、Nano 或 Geany。
使用文本編輯器創建一個 HTML 文件，例如 index.html，并輸入以下內容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOM Manipulation Example</title>
</head>
<body>
<h1 id="title">Hello, World!</h1>
<button id="changeTextBtn">Change Text</button>
<script>
// 獲取 DOM 元素
const titleElement = document.getElementById('title');
const changeTextBtn = document.getElementById('changeTextBtn');
// 為按鈕添加點擊事件監聽器
changeTextBtn.addEventListener('click', () => {
// 修改 DOM 元素的文本內容
titleElement.textContent = 'Text Changed!';
});
</script>
</body>
</html>
在這個示例中，我們創建了一個包含一個標題和一個按鈕的簡單 HTML 頁面。我們使用 JavaScript 獲取這兩個元素，并為按鈕添加了一個點擊事件監聽器。當用戶點擊按鈕時，標題的文本內容將被修改。
firefox index.html
或者在 Chromium 或 Chrome 中打開文件：
chromium-browser index.html
這只是一個簡單的示例，展示了如何在 Ubuntu 下使用 JavaScript 操作 DOM 元素。你可以根據需要使用更復雜的 DOM API 來實現更高級的功能。
