JavaScript HTML對象 一、介紹 JavaScript是一種腳本編程語言，用于在Web瀏覽器中創建動態、交互式的Web頁面。HTML對象是JavaScript中操作Web頁面的主要方式之一。 HTML對象由瀏覽器創建，可以通過JavaScript訪問和操作。HTML對象表示了HTML文檔中的文本、圖像、標記和其他元素。通過JavaScript，可以修改HTML對象的屬性和內容，獲取HTML對象的信息，以及動態地創建、刪除、移動和復制它們。 二、訪問HTML對象 想要訪問HTML對象，必須首先獲得對它們的引用。有多種方式可以獲取HTML對象的引用，包括： 1. 使用JavaScript的getElementById方法 document.getElementById('id_name'); 這個方法根據指定的元素ID返回一個HTML對象的引用。 2. 使用HTML DOM的getElementsByName方法和getElementsByClassName方法 document.getElementsByName('name')[0]; document.getElementsByClassName('class_name')[0]; 這些方法返回匹配指定名稱或類名的所有HTML對象。getElementsByName方法返回的是HTML集合，需要使用索引訪問。 3. 使用JavaScript的querySelector方法和querySelectorAll方法 document.querySelector('CSS selector'); document.querySelectorAll('CSS selector')[0]; 這些方法使用CSS選擇器語法匹配所有匹配的HTML對象。querySelector返回匹配選擇器的第一個對象，而querySelectorAll返回所有匹配對象的列表。 三、修改HTML對象 使用JavaScript，可以修改HTML對象的屬性和內容。以下是一些常見的示例： 1. 修改HTML對象的文本內容 document.getElementById('id_name').innerHTML = 'new text'; 2. 修改HTML對象的樣式 document.getElementById('id_name').style.color = 'red'; 3. 更改HTML對象的屬性 document.getElementById('id_name').src = 'new_image.jpg'; 4. 動態創建HTML對象 var new_element = document.createElement('div'); new_element.innerHTML = 'new text'; document.body.appendChild(new_element); 這個示例創建了一個新的DIV元素，添加了文本內容并將其附加到頁面的主體部分。 四、總結 HTML對象是JavaScript中操作Web頁面的主要方式之一。使用JavaScript，可以訪問和修改HTML對象的屬性和內容，獲取HTML對象的信息，以及動態地創建、刪除、移動和復制它們。通過理解這些技術，您可以使用JavaScript創建動態和交互式的Web頁面。