爲什麼這個JavaScript不起作用？

我不知道是什麼問題，但是這段代碼在我的電腦上不起作用。我從我參加的課程中複製了它（完整的Web開發人員課程）。這在課程中運作良好，但與我無關。請有人告訴我什麼是我的股票問題。爲什麼這個JavaScript不起作用？

<!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>

來源

2016-01-28 Sadegh Shaikhi

「一段代碼不工作」 - 你檢查錯誤控制檯？ –

添加您擁有或出錯的任何錯誤。 – admix

我認爲你的格式化有些問題。如果您查看字符串，則某些文本不會被識別爲字符串。

看看這個編輯的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>

來源

2016-01-28 22:05:28 kro91

如果代碼是多麼你已經粘貼在這裏，你有它的換行符是導致錯誤。在Chrome或FF中按F12將打開控制檯並指出錯誤。

在這種情況下，看看行32，40，和47

一旦你解決這個問題，它的工作原理完全一樣，你擁有它。

來源

2016-01-28 21:58:08

爲什麼這個JavaScript不起作用？

回答

相關問題