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