Как вставить значение из js в html

Как вставить значение переменной из js в

суть проблеммы в следующем. на js описана глобальная переменная.
скажем var dateObj = new Date(). необходимо значение переменной поставить в начальное значение
— не работает
может кто знает способ. подскажите пожалуйста

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как вставить значение переменной в строку?
разбираюсь с XML есть возможность выбирать значения по атрибутам (вот так) XmlNode testamento =.

Как вставить значение из переменной в строку?
Как из Textbox подставить значение в следующую сторку ? string l = tb_Login.Text; SqlConnection.

Как вставить значение переменной в текст?
Здравствуйте, я недавно начал работать с Pascal, и меня интересует вот что как вставить значение.

Регистрация: 05.10.2009
Сообщений: 56

1 2 3 4 5 6 7 8 9 10 11 12 13 14

body onload='setVal()'> form name='form1'> input id='i1'> form> script> var globalVar = new Date(); function setVal() { // Оставь одну строчку document.getElementById('i1').value = globalVar; // W3C DOM document.forms.form1.i1.value = globalVar; // Старые браузеры } script> body>

а есть способ без

? у меня когда я добавил форму канеша все заработало, только есть там у меня кнопка на которой висит тоже js и вот после добавления формы при нажатии на кнопку скрипт отрабатывает но вываливается ошибка после него, что не возможно отобразить страницу.

Регистрация: 10.04.2009
Сообщений: 246
Регистрация: 10.04.2009
Сообщений: 246
Но только 1-ым способом!
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Как вставить в ячейку таблицы значение переменной
как вставить в ячейку таблицы, значение переменной, в javascript.

Как вставить значение переменной в HTML код?
Подскажите, как сделать, чтобы переменная $img вставлялась как <img src="$img">? while.

Как в название файла вставить значение переменной?
Добрый день. Добрый день. Долго ищю информацию о том каким образом возможно передать значение.

Как лучше вставить значение переменной в текст ворд?
текстовое поле формы это переменная? то есть будет ли имя этого поля равняться переменной или же.

как вставить значение переменной в имя создаваемого файла
пишу вобщем обработчик формы.он получает значения 3-х переменных — тема,контент и номер по плану.

Как вставить в input с маской от jQuery Masked Input
Здравствуйте. Создал такую маску для ввода карты $(‘#card’).mask("9999 9999 9999 9999");.

Как вывести переменную из js в html

В самом простом случае, сначала необходимо в html документе дать элементу в который будем помещать данные — id или класс. Например:

    Chair The Laid back     Heigth 80 cm  id="testData">    

Затем, ниже объявленного искомого объекта, в теле тега необходимо с помощью JavaScript «получить» объект и занести в свойство textContent необходимые данные.

 type="text/javascript"> const data = 'new_test_data'; document.getElementById("testData").textContent = data;  

Как вставить переменную JavaScript в html код

Как сделать чтобы эта переменная вставилась в код, а файл .js хранился на удалённом сервере.

Отслеживать

задан 11 июн 2014 в 16:52

5 1 1 золотой знак 1 1 серебряный знак 3 3 бронзовых знака

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Страница HTML на одном домене

document.write(''); 

Таким способом часто подключают счётчики и баннеры. На странице HTML определяют в javascript переменные с настройками (домен, цвета, размеры), а в подключаемом скрипте эти переменные используются.

.inner H T M L

Свойство inner H T M L позволяет считать содержимое элемента в виде HTML-строки или установить новый HTML.

Новое значение HTML необходимо передавать в виде строки и оно заменит текущее содержимое элемента. При передаче невалидной HTML-строки будет выброшена ошибка. HTML-строкой является строка, которая содержит валидную HTML-разметку, в inner H T M L нельзя передать DOM-элемент.

Пример

Скопировать ссылку «Пример» Скопировано

   Логин  
Введите логин  form> label>Логинlabel> input type="text" id="login" /> div class="error">Введите логинdiv> form>    Скопировать Скопировано Не удалось скопировать   

 const form = document.querySelector('form') console.log(form.innerHTML)// 'Логин
Введите логин
' // Меняем содержимое новым htmlform.innerHTML = '
Вход выполнен
' const form = document.querySelector('form') console.log(form.innerHTML) // 'Логин
Введите логин
' // Меняем содержимое новым html form.innerHTML = '
Вход выполнен
'    Скопировать Скопировано Не удалось скопировать   

HTML после изменения:

   
Вход выполнен  form> div class="success">Вход выполненdiv> form>    Скопировать Скопировано Не удалось скопировать   

Как понять

Скопировать ссылку «Как понять» Скопировано

Браузер предоставляет разработчику возможность управлять содержимым на странице и менять его как угодно. inner H T M L – самый простой способ считать или изменить HTML-содержимое элемента. Это свойство использует строки, что даёт возможность легко менять и очищать содержимое элементов.

Когда в inner H T M L присваивается новое значение, все предыдущее содержимое удаляется и создаётся новое, что приводит к перерисовке страницы.

Как пишется

Скопировать ссылку «Как пишется» Скопировано

Обращение к свойству inner H T M L вернёт содержимое элемента в виде HTML-строки. Просмотреть или изменить содержимое можно у всех элементов, включая и . Присвоение нового значения к свойству очистит всё текущее содержимое и заменит его новым HTML.

 document.body.innerHTML = 'Hello Inner HTML!' document.body.innerHTML = 'Hello Inner HTML!'    Скопировать Скопировано Не удалось скопировать   

В результате в документ будет вставлен HTML:

 
Hello Inner HTML! h1>Hello Inner HTML!h1>    Скопировать Скопировано Не удалось скопировать   

Стоит помнить, что строка с HTML-разметкой это не DOM-элемент. inner H T M L работает только со строками, самостоятельно разбирает её содержимое и создаёт элементы.

 const divEl = document.createElement('div') // document.body.innerHTML = divEl const divEl = document.createElement('div') // document.body.innerHTML = divEl   Скопировать Скопировано Не удалось скопировать   

Так как в div El находится объект DOM-элемента, то при присвоении в inner H T M L он приведётся к строке, в результате в элемент вставится строка » [ object H T M L Div Element ] » .

 [object HTMLDivElement] body>[object HTMLDivElement]body>    Скопировать Скопировано Не удалось скопировать   

Если передать в inner H T M L строку с невалидным HTML, то будет выброшена ошибка. Однако большинство современных браузеров помогают разработчику, умеют самостоятельно дополнять разметку (например если забыли закрыть тег) и даже дают возможность для кастомных тегов. Потому встретить ошибку при передаче в inner H T M L невалидного HTML очень сложно.

Несмотря на то, что с помощью inner H T M L вставить любой HTML, есть некоторые ограничения, связанные с безопасностью веб-приложений.

Так же не рекомендуется использовать inner H T M L , если нужно просто изменить текст в элементе. Для этой задачи есть свойство inner Text или text Content .

 // Скрипт станет частью body, но не выполнитсяdocument.body.innerHTML = '' // После вставки в html картинка не загрузится и тогда сработает код из onerrordocument.body.innerHTML = ' ' // Скрипт станет частью body, но не выполнится document.body.innerHTML = '' // После вставки в html картинка не загрузится и тогда сработает код из onerror document.body.innerHTML = ' '    Скопировать Скопировано Не удалось скопировать