Как получить html для печати возвращаемого значения функции javascript?

Каков предпочтительный синтаксис для получения html для печати возвращаемого значения функции javascript?

function produceMessage(){
    var msg= 'Hello<br />';
    return msg;
}

EDIT: Yikes, слишком много ответов без меня, разъясняя, что я имел в виду. Я знаю, как это сделать с помощью тега скрипта. Однако позвольте сказать, что я хочу сделать сообщение красным. Могу ли я просто заключить тег сценария внутри моего css так?

<div style="color:red><script>document.write(produceMessage())</script></div>

Я предполагаю, что мой главный вопрос заключался в том, следует ли использовать document.write для получения возвращаемых значений для печати?

Ответ 1

Есть несколько вариантов сделать это.

Можно было бы:

document.write(produceMessage())

Другим было бы добавление некоторого элемента в ваш документ следующим образом:

var span = document.createElement("span");
span.appendChild(document.createTextNode(produceMessage()));
document.body.appendChild(span);

Или просто:

document.body.appendChild(document.createTextNode(produceMessage()));

Если вы используете jQuery, вы можете сделать это:

$(document.body).append(produceMessage());

Ответ 2

Это зависит от того, что вы собираетесь делать. Я считаю, что ближайшая вещь JS должна печатать:

document.write( produceMessage() );

Тем не менее, может быть более разумным разместить значение внутри диапазона или div по вашему выбору, например:

document.getElementById("mySpanId").innerHTML = produceMessage();

Ответ 3

если вы действительно хотели это сделать,

<script type="text/javascript">
    document.write(produceMessage())
</script>

Везде, где в документе вы хотите получить сообщение.

Ответ 4

<script type="text/javascript">
    document.write("<p>" + Date() + "</p>");
</script>

Это хороший пример.

Ответ 5

Или вы можете указать javascript, где его написать.

<script type="text/javascript">
    var elem = document.getElementById('myDiv');
    var msg= 'Hello<br />';
    elem.innerHTML = msg;
</script>

Вы можете комбинировать это с другими функциями, чтобы иметь функцию записи содержимого после оценки.

Ответ 6

вы можете изменить innerHtml на элемент

function produceMessage(){
    var msg= 'Hello<br />';
     document.getElementById('someElement').innerHTML = msg;
}

Ответ 7

Скорее всего, вы ищете что-то вроде

var targetElement = document.getElementById('idOfTargetElement');
targetElement.innerHTML = produceMessage();

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