JavaScript - HTML 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.
Свойство innerHTML можно использовать для получения или изменения любого элемента HTML, включая <html> и <body>.
