Dom屬性意思

DOM (Document Object Model) 是一種用來表示和操作 HTML 或 XML 檔案的方法。在 HTML 中,DOM 將檔案視為一個對象樹,其中每個元素和屬性都是一個對象。DOM 屬性指的是 HTML 元素的屬性,這些屬性可以用 JavaScript 來讀取和修改。

例如,假設我們有一個 HTML 元素:

<div id="myDiv" class="myClass" style="width: 100px; height: 100px; background-color: blue;">Hello World</div>

我們可以使用 JavaScript 來讀取和修改這個元素的屬性:

// 獲取元素
var myDiv = document.getElementById('myDiv');

// 讀取屬性
var id = myDiv.id;
var classList = myDiv.classList;
var style = myDiv.style;

// 修改屬性
myDiv.id = 'newId';
classList.add('newClass');
style.width = '200px';
style.height = '200px';
style.backgroundColor = 'red';

在上面的例子中,idclassListstyle 都是 DOM 屬性。idclassList 屬性是 HTMLDivElement 對象的屬性,而 style 屬性是 CSSStyleDeclaration 對象的屬性。這些屬性可以用來讀取和修改元素的 ID、類別和樣式。