DOM - Методы и свойства

HTML DOM методы — это действия, которые вы можете выполнять (с элементами HTML).

HTML DOM свойства — это значения (элементов HTML), которые вы можете устанавливать или изменять.

Программный интерфейс DOM

Получить доступ к HTML DOM можно при помощи JavaScript (и других языков программирования).

В DOM все HTML элементы определены как объекты.

Программный интерфейс — это свойства и методы каждого объекта.

Свойство — это значение, которые вы можете прочитать или установить (вроде изменения содержимого элемента HTML).

Метод — это действие, которое вы можете выполнить (вроде добавления или удаления элемента HTML).

В следующем примере изменяется содержимое (innerHTML) элемента <p> с атрибутом id="demo":


<html>
<body>

<p id="demo"></p>

<script>
 document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html> 

В предыдущем примере getElementById – это метод, а innerHTML – свойство.

Метод getElementById

Самый частый способ получить доступ к элементу HTML – это использовать идентификатор id элемента.

В предыдущем примере метод getElementById использует id="demo", чтобы найти нужный элемент.

Свойство innerHTML

Самый простой способ прочитать содержимое элемента — это воспользоваться свойством innerHTML.

Свойство innerHTML полезно тем, что оно позволяет прочитать или изменить содержимое любого элемента HTML, включая <html> и <body>.