使用setAttribute为什么不行

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

qq_兜里有米_04383258

2017-03-17 17:49

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


写回答 关注

5回答

  • 青黄不一
    2017-04-08 17:42:48
    已采纳

    p.setAttribute("name","message");

    首先p是html标签,用p是错误的,要改成ptag。css中的message是类,所以你的name要改成class才行

    正确应该是:ptag.setAttribute("class","message");

  • 大五学长
    2017-08-06 17:57:15

    http://img.mukewang.com/5986e7ea0001989c06060213.jpg

    http://img.mukewang.com/5986e7ea0001b0b102950202.jpg

    结果都是:

    http://img.mukewang.com/5986e7eb00015e0b03910035.jpg


  • 大五学长
    2017-08-06 17:55:53

    好像setAttibute(name,value)里的参数名name不论是英文大写还是小写,实际运行之后都变成了小写。所以我用setAttribute没法设置innerHTML(HTML为大写)。

  • 瞬間悸動
    2017-04-04 17:09:19

    p没有name属性,详见官网http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

  • sherlockone
    2017-03-17 23:43:06

    如果你想要实现CSS 代码  a.className="message";  这样就能显示。

    setAttribute("要设置的属性名字","要改变的值")

    这个属性前些章节学过。  我没记错的话 好像只能修改字符串 等等。。

    不能用来添加CSS 样式。

    sherlo...

    a 换成你要的 p

    2017-03-17 23:44:27

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题