2017-03-17 61 views
-2
<!DOCTYPE html> 
<html> 
<head> 
    <title>Create HTML tags with JavaScript</title> 
</head> 
<body> 
    <div id="div1"> 
     <p id="p1">This is the first paragraph</p> 
    </div> 
    <script type="text/javascript"> 
     var paragraph = document.createElement("p"); 
     var nyje = document.createTextNode("That is a new paragraph"); 
     paragraf.appendChild("nyje"); 
     var div1 = document.getElementById("div1"); 
     div1.appendChild(paragraph); 
    </script> 
</body>  
</html> 

我知道這是基本的東西,但我的瀏覽器不讀我的JavaScript代碼。我很確定這個javascript是開啓的。我使用Google Chrome,我的電腦是Win Xp。每次我打開Goog​​le,它都會告訴我關於支持的結束。也許這不起作用,因爲這個?爲什麼我不能創建HTML標籤?

+0

它是'paragraph',而不是'paragraf'。使用'append'而不是'appendChild'。 –

+1

[打開瀏覽器的控制檯](http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers)。錯誤消息顯示在那裏。 – JJJ

+1

@Kinduser append不是原生的javascript方法,那是jQuery。 .appendChild()是將元素附加到DOM的vanilla javascript方法。 – Canolyb1

回答

1

你的JavaScript改成這樣:

var paragraph = document.createElement("p"); 
var nyje = document.createTextNode("That is a new paragraph"); 
paragraph.appendChild(nyje); 
var div1 = document.getElementById("div1"); 
div1.appendChild(paragraph); 

你有兩個錯誤:

變量名是paragraphparagraf 你正在進入的string稱爲 「nyje」 代替變量名稱nyje

相關問題