设置innerHTML与使用Javascript设置值
当您想使用Javascript更改HTML时,您如何知道何时使用以下任一选项设置innerHTML与使用Javascript设置值,javascript,dom,Javascript,Dom,当您想使用Javascript更改HTML时,您如何知道何时使用以下任一选项 document.getElementById("randomNumber").value = number; document.getElementById("randomNumber").innerHTML = number; 值用于输入 div和span的innerHTML值表示将为输入元素获取或发布的值innerHTML可以更改实际元素的内容。value用于表单元素,innerHTML如果要设置任何其他元素的
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
说某些事情是正常的表示赞许并不是真正的解释。