为什么没有颜色呢,css效果呢?

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

wonderq_ubuntu

2015-04-25 09:06


<!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>


写回答 关注

1回答

  • 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>

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

    wonder...

    非常感谢!

    2015-05-21 18:40:42

    共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题