Установить текст в элемент dd в javascript

#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:

используйте $(‘#element_id’).html(), выполните:

 $('#dd_di').html("your text");
 

демо:: jsFiddle

Ответ №3:

попробуйте это:

  $(document).ready( function() {
$('#dd_di').text("custom text"); 
});

<dd id="dd_di">hello</dd>
 

http://jsfiddle.net/5RPaZ/

Ответ №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.