为什么我不能设置值显示在div中？

Question

所以我是JavaScript新手，我想弄清楚为什么这不起作用：

我的功能有这一行：

document.getElementById("displayResult").value = ("test");

这是我的div：

<div id="displayResult"></div>

Answer 1

div没有value属性。您想要设置.innerText属性。

一定要自己动手测试，但如果你使用框架来做这些事情（比如jQuery）

你会发现它更容易

Answer 2

您会想要使用 - .innerHTML no？

document.getElementById("displayResult").innerHTML = "<b>test</b>"; 

Answer 3

.value只是表单字段的有效属性。您可能想要使用以下代码：

document.getElementById("displayResult").innerHTML = "test";

Answer 4

您必须测试浏览器是否支持innerHTML。因为它不是DOM标准。 您可以像

一样编写它

var oDiv = document.getElementById("displayResult")

if(typeof oDiv.innerHTML != undefined) {
      oDiv .innerHTML = message;
    } else {
      oDiv .appendChild(document.createTextNode(message));
}