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