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