функция отображения javascript в div - PullRequest
Новая
       3

функция отображения javascript в div

1 голос
/ 26 июля 2011

Я создал javascript, выполнил все необходимое кодирование и, наконец, получил переменную "bookerVar". Я хочу, чтобы эта переменная отображалась внизу моей HTML-страницы. Как я должен это делать.

(более подробное объяснение: я создал страницу, где человек может выбирать из выпадающего списка, когда он выбирает из выпадающего списка, используя javascript, я делаю определенные вычисления и, наконец, сохраняю последнее значение в переменной с именем bookerVar, которая находится в функции с именем bookersay ().

последняя строка функции говорит о возвращении bookerVar.

Теперь я хочу, чтобы значение, хранящееся в bookerVar, могло отображаться в нижней части моей html-страницы в теге div). Может ли кто-нибудь сказать мне, что я должен написать в моем HTML-код и мой JavaScript (который на самом деле находится в другом файле). Спасибо.

Ответы [ 3 ]

4 голосов
/ 26 июля 2011

Поместите это в документ .html, в котором находится bookerVar.

<script type="text/javascript">
    function addDiv() {
        var div = document.createElement('div');
        div.innerHTML = bookerVar;
        document.getElementsByTagName('body')[0].appendChild(div);
    }
    addDiv();
</script>
1 голос
/ 26 июля 2011

Посмотрите, подходит ли вам этот пример, который я создал.Вы можете скопировать / вставить в какой-нибудь файл .html и запустить его. 

<html>
<head>
<title>Appending content to some div</title>
</head>     
<body>
<div id="content"></div>
</body>
<html>

<script type="text/javascript">
function appendToContent(html) {
    var content = document.getElementById('content');
    var div = document.createElement('div');
    div.innerHTML = html;
    content.appendChild(div);
}

appendToContent('hello world');
</script>
0 голосов
/ 26 июля 2011

Самое простое, что вам нужно сказать - это получить JQuery , а затем использовать что-то вроде этого: 

$("body").append("<div>" + bookerVar + "</div>");
...