Как изменить HTML-код внутри div с помощью javascript?

Question

Я создаю HTML-сайт &, что на сайте слишком много страниц. Поэтому мне нужен код, чтобы я мог редактировать конкретный div с моего сайта, чтобы он применился ко всему на моем сайте. Для примера. В HTML >>

<div id="special-id"> I want to change or place anything [HTML code also] inside of this div with javascript </div>`* 

& в JavaScript >>

<script type="text/javascript"> 
???? 
</script> 

Пожалуйста, нужна помощь, чтобы я мог перейти на мой HTML сайт снова.

Я хочу изменить содержимое, которое может быть простым текстом или кодом javascript или HTML-кодом?

Answer 1

document.getElementById('special-id').innerHTML = "Whatever you want to replace with"; 

Answer 2

Самый простой способ: первый, получить ваш элемент с, например, getElementById, а затем установите innerHTML на новый код.

var div = document.getElementById('special-id'); 
div.innerHTML = '<span>hello world</span>'; 

Метод DOM единственный способ: создавать новые HTML-узлы с помощью document.createElement или document.createTextNode, а затем добавить их к вашему элементу с appendChild.

// assuming `div` as above 
var newNode = document.createElement('span'); 
span.appendChild(
    document.createTextNode('hello world') 
); 
div.appendChild(span);