用js 创建内容后,打开html文档什么也没有

发布于
2016-12-04

更新于
2016-12-05

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <title>Test</title>
 </head>
 <body>
 <div id="testdiv">
 </div>
  <script type="text/javascript" src="scripts/example.js"></script>
 </body>
 </html>

window.onload=function(){
    var para=document.creatElement("p");
    var txt=document.creatTextNode("hello world");
    para.appendChild(txt);
    var testdiv=document.getElementById("testdiv");
    testdiv.appendChild(para);
}

javascript

阅读 3k

5 个回答

mmy

✓ 已被采纳

哥,document.createElement() createTextNode();

你忘了create 的'e'

superAdmin

9102623

发布于
2016-12-05

更新于
2016-12-05

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Test</title>
</head>
<body>
<div id="testdiv">
</div>
<script type="text/javascript" src="scripts/example.js"></script>
</body>
</html>
<script type="text/javascript">
window.onload=function(){

var para=document.createElement("p");
var txt=document.createTextNode("hello world");
para.appendChild(txt);

var testdiv=document.getElementById("testdiv");
testdiv.appendChild(para);
}
</script>

angel_郁

1.1k1621

发布于
2016-12-05

你的代码写错了

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Test</title>
</head>
<body>
<div id="testdiv">
</div>
<script type="text/javascript" src="scripts/example.js"></script>
</body>
</html>
<script type="text/javascript">
window.onload=function(){

var para=document.createElement("p");
var txt=document.creatTextNode("hello world");
para.appendChild(txt);
var testdiv=document.getElementById("testdiv");
testdiv.appendChild(para);
}
</script>