Встроенный вывод Javascript

Question

В javascript предположим, что у вас есть этот кусок кода:

<div>
    <script type="text/javascript">var output = 'abcdefg';</script>
</div>

Есть ли способ просто "отразить" (используя терминологию PHP) содержимое output в #test? То есть для вывода строки в строке, если у вас нет стандартного способа обхода или выбора из DOM?

document.write("..."); записывает содержимое output, но при этом он заменяет весь документ на output.

Решение, которое я ищу, должно действовать так же, как PHP echo: записывать вывод в документ в строке.

Answer 1

Вы должны использовать document.write ^{[документы]} :

<div id="test">
    <script type="text/javascript">document.write('abcdefg');</script>
</div>  

DEMO

С оговоркой, что он не работает в документах XHTML.Смотрите документацию для более подробной информации.

Answer 2

"Кошерный" код в стороне, да.

document.write()

Answer 3

В основанных на стандартах браузерах:

document.getElementByID("test").textContent = output;

Для более широкой поддержки вы можете использовать text в jQuery (или эквивалентный метод, если ваша библиотека выбрана):

$('#test').text(output);

Answer 4

Я знаю, что это старый вопрос, но если кто-то все еще смотрит, вот удобная функция, которая делает эту работу.

function echo(text)
{
    document.body.appendChild(document.createElement("div")).appendChild(document.createTextNode(text));
}

Answer 5

Если ваш код находится в div, то document.write('abcdefg') является правильным выбором для вставки чего-либо встроенного в точку выполнения.

Или, если ваш код не находится внутри div, вы можете сделать это:

<div id="test">
</div>

<script type="text/javascript">
var output = 'abcdefg';
document.getElementById("test").innerHTML = output;
</script>

Вы должны будете убедиться, что ваш код выполняется ПОСЛЕ загрузки страницы и наличия div.

Answer 6

Вы можете написать что-то вроде:

<div id="test">
  <script>
    document.getElementById('test').innerHTML = "stuff";
    //this line only changes content in the div with id="test", not the whole dom
  </script>
</div>

Но вам не следует помещать скрипт в div, потому что он может быть перезаписан.

Answer 7

console.log ()

http://getfirebug.com/logging

также поддерживается в Chrome и, т. Е. 9 .. следите за совместимостью в обратном направлении, это даст вам ie8 и вниз, я думаю ...