无法在对象

时间:2015-12-30 11:39:22

标签: javascript dom

<!DOCTYPE html>
<html>
<body>
<script text="type/javascript">
      var countdown=function()
{
         // create a couple of elements in an otherwise empty HTML page
         this .heading=document.createElement("h1");
         this .heading_text=document.createTextNode("Big Head!");
         this .heading.appendChild(heading_text);
         this .document.body.appendChild(heading);
 }
var obj1 = new countdown();
</script>
</body>
</html>

在上面的代码中,我无法将appendChild(heading_text)添加到heading_text属性并面临错误

  

&#34;未捕获的ReferenceError:未定义heading_text&#34;。

如何继续此计划。?

2 个答案:

答案 0 :(得分:1)

因为this.heading_text存在且heading_text没有

制作

var countdown=function()
   {
         // create a couple of elements in an otherwise empty HTML page
         var heading=document.createElement("h1");
         var heading_text=document.createTextNode("Big Head!");
         heading.appendChild(heading_text);
         document.body.appendChild(heading);
   }

答案 1 :(得分:0)

你以错误的方式声明变量..

在js中声明变量就像这样

var variable;

所以,在你的脚本中改变这些行:

this .heading=document.createElement("h1");
this .heading_text=document.createTextNode("Big Head!");
this .heading.appendChild(heading_text);
this .document.body.appendChild(heading);

进入这个:

var heading=document.createElement("h1");
var heading_text=document.createTextNode("Big Head!");
heading.appendChild(heading_text);
document.body.appendChild(heading);