Javascript 一个div中的getelementbyid_Javascript_Html_Getelementbyid

Javascript 一个div中的getelementbyid

javascript html

Javascript 一个div中的getelementbyid,javascript,html,getelementbyid,Javascript,Html,Getelementbyid,我应该注意到，我的所有脚本都在HTML的一个单独文件中使用document.getElementById，我可以成功地更改body元素中直接包含的任何元素，但我无法选择另一个元素中的元素。例如： <body> <div id="example"> <p id="examplep"> Blah Blah Blah </p> </div> </body> 函数1可以工作，但函数2不能，我尝试过使用firstchild，尝试

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

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

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

函数1可以工作，但函数2不能，我尝试过使用firstchild，尝试过重命名，但都不起作用。

将其更改为：

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

JavaScript是区分大小写的语言。有函数，但没有

innerhtml

更改此项：

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

为此：

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

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

试着改变

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

到

更改此代码

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

为此：

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

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

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

这是因为它区分大小写。它是

innerHTML

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