<!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 ptag=document.createElement("p");
p.setAttribute("name","message");
var textnode=document.createTextNode("I love u");
ptag.appendChild(textnode);//变量不要加双引号,否则无效
document.body.appendChild(ptag);
</script>
</body>
</html>
p.setAttribute("name","message");
首先p是html标签,用p是错误的,要改成ptag。css中的message是类,所以你的name要改成class才行
正确应该是:ptag.setAttribute("class","message");
结果都是:
好像setAttibute(name,value)里的参数名name不论是英文大写还是小写,实际运行之后都变成了小写。所以我用setAttribute没法设置innerHTML(HTML为大写)。
p没有name属性,详见官网http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
如果你想要实现CSS 代码 a.className="message"; 这样就能显示。
setAttribute("要设置的属性名字","要改变的值")
这个属性前些章节学过。 我没记错的话 好像只能修改字符串 等等。。
不能用来添加CSS 样式。