Question

以下代码有什么问题？我添加了一个按钮。在按钮的onclick事件中，我调用脚本来更改p tag的值。

在脚本中，我尝试使用其ID属性设置值od p tag。

但如果点击按钮，一切都没有改变。

在不同的浏览器中测试过，仍然没有结果。

以下是代码：

<HTML>
<BODY>
<INPUT TYPE="BUTTON" onclick="changeValue()" VALUE="Change Value" />
<P ID="demo">Initial Value</P>
<SCRIPT>
function changeValue() {
  document.getElementByID("demo").innerHTML="Value Changed"
}
</SCRIPT>
</BODY>
</HTML>

Answer 1

getElementById ，小写＆＃34; d＆＃34; 。

getElementById()

注意：JavaScript区分大小写。

Answer 2

function changeValue() {
  document.getElementById("demo").innerHTML="Value Changed";
}

您的ID为"d"大写，并在最后添加";"并尝试：）

Answer 3

所有这些答案都可以为您提供问题的答案 - 您的代码的问题是＆＃34; getElementByID＆＃34;函数应该是＆＃34; getElementById＆＃34;，因为JavaScript（几乎与每种编程和脚本语言一样）都区分大小写。从技术上讲，你应该包含一个分号，但在没有它的情况下仍然可以使用分号。

用以下内容替换元素（如提供的@ user3739658）：

 function changeValue() {
   document.getElementById("demo").innerHTML="Value Changed";
 }

然后当然你需要调用该函数：

changeValue();

如果您想使其成为动态函数，请传递以下参数：

 function changeValue(id, newValue) {
   document.getElementById(id).innerHTML=newValue;
 }

然后你可以这样称呼它：

 <script>
   changeValue('element-id','This is the new value'); 
 </script>

使用innerHTML时JavaScript无法正常工作

3 个答案: