JavaScript修改屬性

JavaScript是一種能夠動態地修改HTML和CSS屬性的編程語言。屬性是在HTML標簽中使用的設置，例如：文本的顏色、大小和位置。

屬性可以在JavaScript中進行修改，這對于改變和編程網頁有很大幫助。下面我們來通過幾個例子來了解幾種常見的屬性修改方式。

修改 HTML 元素的內容

可以通過JavaScript來修改HTML元素的內容。下面的例子演示了如何修改一個段落的文本內容：

const para = document.querySelector('p');
para.textContent = '這是修改后的文本內容。';

上面的代碼通過querySelector選中一個段落元素，并通過`textContent`屬性來修改段落的文本內容。

修改 HTML 元素的屬性

要修改HTML元素的屬性值，可以使用`setAttribute`方法:

const img = document.querySelector('img');
img.setAttribute('src', 'newImage.jpg');

上面的代碼將img元素的`src`屬性值修改為“newImage.jpg”。

修改 CSS 樣式

使用JavaScript設置CSS樣式，有兩個方法：

• 設置單個樣式屬性：`style.property = value`
• 設置多個樣式屬性：`object.style.cssText = "property1:value1; property2:value2;"`

例如，下面的代碼將段落元素的文本顏色設置為紅色：

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

總結

JavaScript是一種功能強大的語言，它允許我們在HTML和CSS中動態地修改屬性。 通過上述的例子我們了解到了幾種常用的屬性修改方式，包括修改HTML元素的內容、修改HTML元素的屬性和修改CSS樣式。這些方法可以使我們的網頁更加靈活和動態。