Чтобы изменить содержимое HTML-элемента с помощью JavaScript, вы можете использовать несколько методов. Вот несколько примеров:

Метод 1: использование свойства innerHTML.
Вы можете изменить содержимое элемента , обратившись к его свойству innerHTML. и присвоение ему нового значения. Вот пример:

var heading = document.getElementById("myHeading");
heading.innerHTML = "New Heading Content";

В приведенном выше коде замените «myHeading» фактическим идентификатором вашего элемента , а «New Heading Content» — желаемым новым содержанием заголовка.

Метод 2: использование свойства textContent
В качестве альтернативы вы можете использовать свойство textContentдля изменения содержимого элемент. Вот пример:

var heading = document.getElementById("myHeading");
heading.textContent = "New Heading Content";

И снова замените «myHeading» фактическим идентификатором вашего элемента , а «New Heading Content» — желаемым новым содержанием заголовка.

Метод 3: использование свойства innerText.
В некоторых случаях вы можете предпочесть использовать свойство innerTextвместо innerHTMLили текстовое содержимое. Свойство innerTextустанавливает или возвращает видимое текстовое содержимое элемента. Вот пример:

var heading = document.getElementById("myHeading");
heading.innerText = "New Heading Content";

Не забудьте заменить «myHeading» фактическим идентификатором вашего элемента , а «New Heading Content» — желаемым новым содержанием заголовка.