InnerHTML в JavaScript: методы доступа и изменения HTML-контента

Свойство innerHTML в JavaScript позволяет получить доступ к содержимому HTML внутри элемента или изменить его. Он обычно используется для динамического обновления содержимого веб-страницы. Вот несколько методов, связанных со свойством «innerHTML»:

Вы можете получить HTML-содержимое элемента, используя свойство «innerHTML». Например:

var element = document.getElementById("myElement");
var htmlContent = element.innerHTML;

Вы можете изменить HTML-содержимое элемента, присвоив новое значение свойству «innerHTML». Например:

var element = document.getElementById("myElement");
element.innerHTML = "<p>New HTML content</p>";

Вы можете добавить содержимое HTML к существующему содержимому элемента, используя оператор «+=” со свойством «innerHTML». Например:

var element = document.getElementById("myElement");
element.innerHTML += "<p>Additional HTML content</p>";
  1. Соображения безопасности. При использовании свойства «innerHTML» будьте осторожны с потенциальными рисками безопасности, такими как атаки с использованием межсайтовых сценариев (XSS). Важно очистить и проверить любой пользовательский или динамический контент перед его вставкой в ​​HTML.