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>.