Используя Javascript для добавления HTML?

Question

Мне было интересно, можно ли было заставить Javascript написать HTML-код на странице в определенном DIV.

Это связано с тем, что в некоторых местах сайта нет доступа к разметке. Но я бы хотел добавить туда небольшой раздел.

Например, контейнер, к которому я хочу добавить HTML, <<em> div id = "themes"> <</em> / div>

Возможно ли заставить Javascript сделать это <* div id = "themes"> <<em> div id = "mysection"> <</em> / div> <* / div>

Большое спасибо!

Answer 1

Это довольно просто сделать, даже используя простой JavaScript.

var topicsDiv = document.getElementById("topics");
topicsDiv.innerHTML = '<div id="mysection"> </div>';

Однако, если вы собираетесь выполнять некоторые серьезные манипуляции с DOM (объектная модель документа, т.е. структура HTML), я бы порекомендовал вам использовать библиотеку JQuery . Тем не менее, если задача ограничена вашим вопросом, тогда нормальный JavaScript должен подойти, как показано выше.

Answer 2

С простым Javascript (без JQuery или чего-то еще, что вы могли бы сделать):

HTML:

<div id="topics"></div>

JS:

document.getElementById('topics').innerHTML = '<div id="mysection"></div>';

Используя JQuery, вы просто сделаете:

$('#topics').append('<div id="mysection"></div>');

Answer 3

Возможно, вы ищете свойство innerHTML

document.getElementById('topics').innerHTML = 'whatever';

Answer 4

Конечно. Например, вы можете сделать это, используя Prototype :

$('topics').update('<div id="mysection"></div>');

Синтаксис очень похож для jQuery или других фреймворков, и, как отметил Нолдорин, вы можете сделать это и без фреймворка.

Answer 5

Я согласен с Нолдорин и Может Берк Гудер и другими, и я хотел бы процитировать, что это DOM (объектная модель документа) и один из основных компонентов AJAX.
AJAX отправляет запрос на сервер и использует такие методы, чтобы «поместить его» на странице.

Знайте, что вы можете делать практически все с помощью JavaScript; Вы могли бы просто иметь «» и сделать все остальное javascript. Это то, что GWT делает, и если вам нужно ТЯЖЕЛЫЕ изменить вашу страницу динамически, вас это может заинтересовать.