2017-03-17 30 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

相关问题