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

来源:9-17 创建文本节点createTextNode

胡泽涵

2015-08-28 17:56

尝试用函数调用的方法,但是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>


写回答 关注

1回答

  • 风筝有风丶
    2015-08-29 10:40:01
    已采纳
    思路是对的,但是有两个小错误:
    <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>
    希望能解决你的问题!


    胡泽涵

    谢谢!

    2015-08-29 18:04:43

    共 1 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题