设置innerHTML与使用Javascript设置值

设置innerHTML与使用Javascript设置值,javascript,dom,Javascript,Dom,当您想使用Javascript更改HTML时,您如何知道何时使用以下任一选项 document.getElementById("randomNumber").value = number; document.getElementById("randomNumber").innerHTML = number; 值用于输入 div和span的innerHTML值表示将为输入元素获取或发布的值innerHTML可以更改实际元素的内容。value用于表单元素,innerHTML如果要设置任何其他元素的

当您想使用Javascript更改HTML时,您如何知道何时使用以下任一选项

document.getElementById("randomNumber").value = number;
document.getElementById("randomNumber").innerHTML = number;
值用于输入


div和span的innerHTML

表示将为
输入
元素获取或发布的值
innerHTML
可以更改实际元素的内容。

value
用于表单元素,
innerHTML
如果要设置任何其他元素的内容。

如果您想设置文本内容,还有
innerText
(您不必转义其中的任何内容,但那里没有HTML工作)

设置
值通常用于输入/表单元素
innerHTML
通常用于div、span、td和类似元素

以下是显示ID.value使用的链接:
仅适用于具有
属性的对象(通常是表单控件)

innerHtml
适用于可以包含HTML的每个对象(div、span,但还有许多其他控件和表单控件)


它们不是等效的或可替换的。取决于您试图实现什么…

使用.innerHTML将元素的整个内部主体替换为您指定的有效HTML。一个很好的例子是,如果发生事件,在已经存在的div中放置一个嵌套的div


将.value用于请求值的表单元素,例如文本输入。

value
通常是特定i/o元素的属性,例如
输入
元素(还包括
type=“hidden”


不是
div、p、a等元素。
通常甚至没有value属性,即使设置了
value
,也不会影响最终输出。

对他来说有点晚了,但我也在寻找答案,我认为根据Skyrim的答案 这样做是可能的 谢谢

函数enterValue(){
var childNodes=document.body.childNodes;
对于(x个子节点){
如果(x.nodeName==“输入”){
x、 value=“我的输入值”
}否则{
x、 innerHTML=“我的输入值”
}
}
}


对提及
innerText
说某些事情是正常的表示赞许并不是真正的解释。