Question

Javascript很新。

试图获取文本＆＃34;段落已更改＆＃34;改为＆＃34;新＆＃34;单击按钮时。不太清楚为什么会这样。

由于

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p id="demo">My first paragraph.</p>

<script>
function firstFunction(){
    document.getElementByID("demo").innerHTML="New";
</script>

<button type="button" onclick="firstFunction()">Try it</button>

</body>
</html>

Answer 1

我可以立即发现两个问题：

您的功能
getElementById函数拼写错误，最后一个字母不应大写。

在加载页面时，您会在浏览器控制台中看到这两个问题。如果您按ctrl+shift+I，Ctrl+shift+J或F12，或者在工具菜单中搜索它，通常会显示。当您打开它时，转到console标签，您将看到发生的错误。

以下是有关如何打开控制台的详细信息：

https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

Answer 2

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p id="demo">My first paragraph.</p>

<script>
function firstFunction(){
    document.getElementById("demo").innerHTML="New";
}
</script>

<button type="button" onclick="firstFunction()">Try it</button>

</body>

该函数应为getElementById
缺少

Answer 3

您的脚本位置并不重要，但最好在关闭正文标记之前将其置于加载问题之前。

您的问题有两个问题。首先确保在声明函数时关闭花括号。其次，函数名称为getElementById而不是getElementByID JavaScript区分大小写。

＆＃13;

<!DOCTYPE html>
<html>

<body>

  <h1>My First Web Page</h1>
  <p id="demo">My first paragraph.</p>

  <script>
    function firstFunction() {
      <!-- Id is not capitalized -->
      document.getElementById("demo").innerHTML = "New";
    } <!-- important curly brace -->
  </script>

  <button type="button" onclick="firstFunction()">Try it</button>

</body>

</html>

＆＃13;

获取文本以进行更改

3 个答案: