Question

我应该注意，我的所有脚本都在一个单独的文件中，而不是我的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，我尝试过重命名，但没有一个能正常工作。

Answer 1

将其更改为：

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

Answer 2

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

改变这个：

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

对此：

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

Answer 3

尝试更改

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

到

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

Answer 4

更改此代码

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

对此：

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

这是因为javascript和jQuery是案例敏感的。

div中的getelementbyid

4 个答案: