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

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

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

Например контейнер я хочу, чтобы добавить некоторый HTML в этот < DIV ID = "тема"> </DIV>

Можно ли получить Javascript, чтобы сделать это < * Div ID = "темы"> < DIV ID = "секции MySection"> </div> < */div>

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

источник

2009-06-07 Anonymous

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

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

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

источник

2009-06-07 16:06:33 Noldorin

innerHTML имеет «HTML» с заглавной буквы и не забывайте избегать двойных кавычек! –

@Perspx: Или просто используйте одинарные кавычки. :) – Noldorin

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

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

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

источник

2009-06-07 16:08:03

Удар по использованию прототипа. –

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

HTML:

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

JS:

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

Использование JQuery вы бы просто сделать:

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

источник

2009-06-07 16:08:41

Вы, вероятно, ищете свойства innerHTML

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

источник

2009-06-07 16:09:20

Просто, чтобы быть педантичным, innerHTML - это свойство, а не функция. –

Я взял на себя смелость исправить это. – Nosredna

Спасибо за указание/исправление –

Я согласен с обеими нолдориным и Can Berk Guder и другими, и я хотел бы процитировать, что это DOM (Document Object Model) и один из основные компоненты AJAX.
AJAX отправляет запрос на сервер и использует такие методы, как «положить его» на странице.

Знайте, что вы можете делать почти все с помощью javascript; вы могли бы просто «<html> < тело > </body > </html >" и иметь javascript ВСЕ ВСЕ. Это то, что делает GWT, и если вам нужно HEAVILY модифицировать вашу страницу динамически, вам может быть интересно.

источник

2009-06-07 16:50:41 WhyNotHugo

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

ответ

Смежные вопросы