Изменение содержимого HTML через JavaScript с помощью innerHTML
Метод innerHTML в JavaScript позволяет получить или изменить содержимое элементов HTML. С его помощью можно добавлять или удалять элементы из HTML-структуры, а также изменять их текстовое содержание.
Вот пример использования innerHTML для изменения содержимого элемента:
HTML:
Привет, мир!
JavaScript:
document.getElementById("myDiv").innerHTML = "Здравствуй, мир!";
В данном случае мы находим элемент с идентификатором "myDiv" и изменяем его содержимое с "Привет, мир!" на "Здравствуй, мир!".
Также с помощью innerHTML можно добавить новый элемент в HTML-структуру. Например, мы можем добавить новый параграф в нашу страницу:
HTML:
Привет, мир!
JavaScript:
document.getElementById("myDiv").innerHTML += "Это новый параграф!
";
Здесь мы находим элемент с идентификатором "myDiv" и добавляем в его содержимое новый параграф с текстом "Это новый параграф!".
Важно помнить, что изменение содержимого с помощью innerHTML может привести к потере слушателей событий и других свойств элементов. При обновлении содержимого элементов лучше использовать методы DOM-интерфейса, такие как createElement() и appendChild().