div中的getelementbyid答案

【问题标题】：getelementbyid within a divdiv中的getelementbyid
【发布时间】：2014-05-18 06:04:51
【问题描述】：

我应该注意，我的所有脚本都在我的 HTML 的单独文件中

使用 document.getElementById，我可以成功地更改直接在 body 元素中的任何元素，但我无法选择另一个元素中的元素。例如：

<body>
<div id="example">
<p id="examplep"> Blah Blah Blah </p>
</div>
</body>

我的 Javascript

var function1 = function() {
document.getElementById("example").style.color = 'black'
}

var function2 = function() {
document.getElementById("examplep").innerhtml = "Bluh Bluh Bluh"
}

function1 可以，但 function2 不行，我试过使用 firstchild，我试过重命名，但都不起作用。

【问题讨论】：

那是因为它区分大小写。这是innerHTML。 developer.mozilla.org/en-US/docs/Web/API/Element.innerHTML

标签： javascript html getelementbyid

【解决方案1】：

改成：

document.getElementById("examplep").innerText= "Bluh Bluh Bluh"

【讨论】：

如果您确定只应设置文本，则可以使用 innerText。

【解决方案2】：

JavaScript 是区分大小写的语言。有innerHTML功能，但没有innerhtml。

改变这个：

var function2 = function() {
document.getElementById("examplep").innerhtml = "Bluh Bluh Bluh"
}

到这里：

var function2 = function() {
    document.getElementById("examplep").innerHTML = "Bluh Bluh Bluh"
}

【讨论】：

【解决方案3】：

尝试改变

document.getElementById("examplep").innerhtml = "Bluh Bluh Bluh"

到

document.getElementById("examplep").innerHTML = "Bluh Bluh Bluh"

【讨论】：

【解决方案4】：

更改此代码

var function2 = function() {
   document.getElementById("examplep").innerhtml = "Bluh Bluh Bluh"
}

到这里：

var function2 = function() {
   document.getElementById("examplep").innerHTML = "Bluh Bluh Bluh";
};

这是因为 javascript 和 jQuery 区分大小写。

【讨论】：