慕斯卡4106679
2015-12-25 15:20
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var body = document.body;
//创建链接
function createa(url,text)
{
var btn=document.createElement("a");
btn.href=url;
btn.innerHTML=text;
btn.style.color='red';
body.appendChild(btn)
}
// 调用函数创建链接
createa("http://www.imooc.com/","慕课网");
</script>
</body>
</html>
var body = document.body;
这个代码是干嘛的?前面什么都没说明,这一节课就多出这个代码
document.body什么意思?
你说的是这段代码吧:
<script type="text/javascript"> var body = document.body; var input = document.createElement("input"); input.type = "button"; input.value = "创建一个按钮"; body.appendChild(input); </script>
这门课确实没有讲到DOM,你可以去学习一下DOM相关的课程,这里是示范怎么用JS来创建一个按钮。首先你要知道你的HTML是一个document对象,body是它的一个属性,而body的属性就是指<body></body>标签之间的所有内容,createElement的方法创建了一个<input>标签,他是button类型的,值为"创建一个按钮",然后用appendChild的方法把它放在<body></body>之间
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题