Question

我不知道问题是什么，但这段代码在我的电脑上不起作用。我已经从我参加过的课程中复制了它（完整的Web开发人员课程）。这在课程上工作正常但不适合我。请有人告诉我这是我库存的问题。

<!doctype html>
<html>
 <head>
 <title>Learning Javascript</title>

 <meta charset="utf-8" />
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />



 </head>

 <body>

 <button id="textChanger">Change first div text</button>

 <div id="firstDiv">This is some text</div>

 <button id="textAppender">Append some text</button>
 
 <div id="secondDiv">Javascript is...</div>

 <button id="textCreator">Create some text</button>

 <div id="emptyDiv"></div>

 <script type="text/javascript">

 document.getElementById("textChanger").onclick=function() {

 document.getElementById("firstDiv").innerHTML="This is
awesome!";

 }
      
     document.getElementById("textAppender").onclick=function() {

      
document.getElementById("secondDiv").innerHTML=document.getElementById("secondDi
v").innerHTML + "great!";

     }
      
     document.getElementById("textCreator").onclick=function() {

       document.getElementById("emptyDiv").innerHTML="<ul><li>Cat</
li><li>Dog</li></ul>";

     }
 
 </script>
 </body>
</html>

Answer 1

如果代码就是您在此处粘贴的方式，则会出现导致错误的换行符。在Chrome或FF中按F12将打开控制台并指出错误。

在这种情况下，请查看第32,40和47行。

一旦你修复了它，它就像你拥有它一样。

Answer 2

我认为你的格式错误。如果查看字符串，则某些文本不会被识别为字符串。

查看此编辑过的JavaScript

document.getElementById("textChanger").onclick = function() {

  document.getElementById("firstDiv").innerHTML = "This is awesome!";

}

document.getElementById("textAppender").onclick = function() {


    document.getElementById("secondDiv").innerHTML = document.getElementById("secondDiv").innerHTML + "great!";

}

document.getElementById("textCreator").onclick = function() {

  document.getElementById("emptyDiv").innerHTML = "<ul><li>Cat</li ><li>Dog</li></ul > ";

}

<button id="textChanger">Change first div text</button>

<div id="firstDiv">This is some text</div>

<button id="textAppender">Append some text</button>

<div id="secondDiv">Javascript is...</div>

<button id="textCreator">Create some text</button>

<div id="emptyDiv"></div>

为什么这个JavaScript根本不起作用？

2 个答案: