                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

看不懂代码，求解释

function createa()
{
   var body = document.body; 
   var input = document.createElement("input");  
   input.type = "button";  
   input.value = "创建一个按钮";  
   body.appendChild(input);
}

请问在这个函数里面

var body=document.body;
...
...
body.appendChild(input);

有什么用，为什么不加就显示不出新建的这个节点了？为什么创建其他类型的节点比如li标签节点不需要这两句话就可以显示出来？

连枝

2016-11-02

源自：JavaScript进阶篇 9-16

关注问题我要回答

632

操作

收起

1 回答

stone310
2016-11-02

这句话可以合并成一句，即document.body.appendChild(input);意思是在<body>上添加input这个子元素；

在这句之前的都是定义；

  var input = document.createElement("input");  //创建一个input标签，赋值给input
   input.type = "button";                          //type是button
   input.value = "创建一个按钮";                   //value是创建一个按钮

定义好了，并不会显示，你要确定在哪添加，于是就有上面那句，在XXX处添加XXX；

li标签也要加啊，不加这句话浏览器怎么知道你要添加到哪里

3 回复有任何疑惑可以回复我~

收起回答

连枝提问者

我懂了，谢谢！

2016-11-02 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答这节代码看不懂特别是后面的几个function？？？求大神解释解释

3 回答看不懂这段代码了，求大神解答

2 回答这段代码能解释下吗，不懂

1 回答求代码解释，谢谢

6 回答看不懂是怎么回事求大神解释

搜索更多本课相关问答

看不懂代码，求解释

我要回答关注问题

热搜

最近搜索清空

看不懂代码，求解释

1 回答

本课相似问答

看不懂代码，求解释