Javascript GetElementsByClassName(';.';)[0]。值='';不起作用

Javascript GetElementsByClassName(';.';)[0]。值='';不起作用,javascript,html,Javascript,Html,我在放置/更新通过类名获取的元素的值时遇到问题 这是我的密码: index.html: <dl> <dt class="dt-messages-number">total</dt> <dd class="dd-messages"></dd> ... </dl> 最后三行代码不起作用,它不会更新描述元素dd messages的值。有人知道为什么吗?您想使用.innerHTML而不是.value .value

我在放置/更新通过类名获取的元素的值时遇到问题

这是我的密码:

index.html

<dl>
   <dt class="dt-messages-number">total</dt>
   <dd class="dd-messages"></dd>
   ...
</dl>

最后三行代码不起作用,它不会更新描述元素
dd messages
的值。有人知道为什么吗?

您想使用
.innerHTML
而不是
.value

.value
是一种用于输入的方法,对于
中的文本,请使用
.innerHTML


文档:

您想使用
.innerHTML
而不是
.value

.value
是一种用于输入的方法,对于
中的文本,请使用
.innerHTML


文档:

使用
.innerText
innerHTML

document.getElementsByClassName('dd-messages')[0].innerText='7'

全部的

改用
.innerText
innerHTML

document.getElementsByClassName('dd-messages')[0].innerText='7'

全部的

如上所述,此类DOM元素上没有
属性

您可以使用
innerHTML
innerText
。 如果您知道您的值是安全的,并且包含安全的html,则可以使用innerHTML, 否则,您应该使用innerText

e = <your element by class name>;
e.innerText = e.textContent = "your text"; <-- does not render html--/>
e=;
e、 innerText=e.textContent=“您的文本”;

如上所述,此类DOM元素上没有
属性

您可以使用
innerHTML
innerText
。 如果您知道您的值是安全的,并且包含安全的html,则可以使用innerHTML, 否则,您应该使用innerText

e = <your element by class name>;
e.innerText = e.textContent = "your text"; <-- does not render html--/>
e=;
e、 innerText=e.textContent=“您的文本”;
document.getElementsByClassName('dd-messages')[0]。innerHTML=“Hello world”
//或者你也可以使用
var dd=document.getElementsByClassName('dd-messages');
console.log(dd.ClassName=“Hello World”)

全部的
...
document.getElementsByClassName('dd-messages')[0]。innerHTML=“Hello world”
//或者你也可以使用
var dd=document.getElementsByClassName('dd-messages');
console.log(dd.ClassName=“Hello World”)

全部的
...

Form元素有一个value属性。
dd
不是表单元素,没有值。您可能希望改为设置
innerHTML
。使用
innerText
改为
value
表单元素具有value属性。
dd
不是表单元素,没有值。您可能希望改为设置
innerHTML
。请改用
innerText