Методы 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 = "Привет Мир!";
</script>
</body>
</html>
Попробуйте сами »
В приведенном выше примере, метод getElementById является, в то время как это innerHTML свойство.
Метод getElementById
Наиболее распространенный способ доступа к HTML элементу - использовать id элемент.
В приведенном выше примере метод getElementById, используемый id="demo" для поиска элемента.
Свойство innerHTML
Самый простой способ получить содержимое элемента - использовать innerHTML свойство.
Свойство innerHTML полезно для получения или замены содержимого элементов HTML.
Свойство innerHTML может быть использовано для получения или изменения любого HTML элемента, в том числе <html> и <body>.