在javascript中将文本设置为dd元素

Question

我想将文本设置为dd元素。我试图谷歌这个问题，但一无所获。

请告诉我，如何在dd标签内设置（替换）文本？

我试过了：

$('#dd_di').innerHTML = my_var; 
$('#dd_di').innerText = my_var; 
$('#dd_di').innerText = "3500"; 

但没有改变。

console.log($('#dd_di')); 

[<dd id="dd_di"></dd>]

Answer 1

您正在尝试在jQuery对象上使用DOM属性。在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;

Answer 2

使用$('#element_id').html()，执行：

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

demo :: jsFiddle

Answer 3

试试这个：

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

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

http://jsfiddle.net/5RPaZ/

Answer 4

您可以在DOM对象上使用DOM属性：

window.dd_di.innerHTML = my_var;
window.dd_di.innerText = my_var;

DOM elemnet with在全局（window）对象中可用。你也可以更明确：

document.getElementById('dd_di').innerHTML = my_var;
document.getElementById('dd_di').innerText = my_var;

两者都没有jQuery。通常，您一直使用jQuery（请参阅其他答案）或本机DOM api。