问答详情
源自：9-17 创建文本节点createTextNode

为什么没有颜色呢，css效果呢？


<!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:#DCC;}

</style>

</head>

<body>

<script type="text/javascript">

 var p=document.createElement("p");

 p.className="ppp";

 var textnode=document.createTextNode("I love javascript!")

 p.appendChild(textnode);

 document.body.appendChild(p);

</script> 


</body>

</html>


提问者：wonderq_ubuntu 2015-04-25 09:06

个回答

  • Perona
    2015-04-25 09:46:27
    已采纳

    你并没有定义ppp类的样式。也就是说 p.className="ppp";找不到这个ppp类。

    2种解决方法，

    1. p.className="ppp";改成p.className="p.className="message";

    2. 定义ppp类，即

      <style type="text/css">

              .ppp{    

                    width:200px;

                    height:200px;

                    background-color:#f00;

                }

            </style>

         注样式我随便写，你可以自己修改成你想要的样式，我只是举个栗子。

    0