#javascript #html
#javascript #HTML
Вопрос:
Я бы хотел установить текст в элемент dd. Я пытался задать этот вопрос в Google, но ничего не нашел.
Не могли бы вы сказать мне, как я могу установить (заменить) текст внутри тега dd?
Я пробовал:
$('#dd_di').innerHTML = my_var;
$('#dd_di').innerText = my_var;
$('#dd_di').innerText = "3500";
но ничего не изменилось.
console.log($('#dd_di'));
[<dd id="dd_di"></dd>]
Ответ №1:
Вы пытаетесь использовать свойства DOM для объекта jQuery. В jQuery используйте .text()
или .html()
для установки текста и необработанного HTML элемента соответственно.
$('#dd_di').text(my_var);
$('#dd_di').html(my_var); // or if you need to set the raw HTML
innerHTML
и innerText
может быть использован, но вам нужно получить доступ к элементу DOM:
$('#dd_di').get(0).innerHTML = my_var;
// or no jQuery:
document.getElementById("dd_di").innerHTML = my_var;
Комментарии:
1. Большое спасибо за ваш ответ!
Ответ №2:
Ответ №3:
попробуйте это:
$(document).ready( function() {
$('#dd_di').text("custom text");
});
<dd id="dd_di">hello</dd>
Ответ №4:
Вы можете использовать свойства DOM для объектов DOM:
window.dd_di.innerHTML = my_var;
window.dd_di.innerText = my_var;
Элементы DOM с доступны в объектах global ( window
). Вы также можете быть более явными:
document.getElementById('dd_di').innerHTML = my_var;
document.getElementById('dd_di').innerText = my_var;
Оба работают без jQuery. Обычно вы последовательно используете либо jQuery (см. Другие ответы), либо собственный DOM api.