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

尝试用函数调用的方法，但是p元素创建不出来？

尝试用函数调用的方法，但是p元素创建不出来？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
.message{    
width:200px;
height:100px;
background-color:#ccc;
    }
</style>
</head>
<body>
<script type="text/javascript">
var main=document.body;
function createa(classn,aa){
    var x=document.createElement("p");
    x.setAttribute(class,classn);
    var y=document.createTextNode(aa);
    main.appendChild(x);
    x.appendChild(y);
}
main.createa("message","I love javascript");
</script> 
</body>
</html>

胡泽涵

2015-08-28

源自：JavaScript进阶篇 9-17

关注问题我要回答

721

操作

收起

1 回答

风筝有风丶
2015-08-29

思路是对的，但是有两个小错误：
<script type="text/javascript">
var main=document.body;
function createa(classn,aa){
    var x=document.createElement("p");
    x.setAttribute("class",classn);  //第一个错误：setAttribute使用时括号中的属性class要用引号！
    var y=document.createTextNode(aa);
    main.appendChild(x);
    x.appendChild(y);
}
createa("message","I love javascript");//第二个错误：此处是调用函数，不必再前面写main. ！！
</script>
希望能解决你的问题！