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

写出代码，什么都没有出现啊

是哪里出现问题了

<!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 element=document.createTextNode("p");

element.className="message";

var textNode=document.createTextNode("I Love Javascript!");

element.appendChild(textNode);

document.body.appendChild(element);

</script> 


</body>

</html>


提问者：qq_缺少一份永恒_03896643 2016-09-29 17:37

个回答

  • 慕粉3930173
    2016-09-29 18:28:40
    已采纳

    var element=document.createElement("p");(是Element不是TextNode）

    element.className="message";

    var textNode=document.createTextNode("I Love Javascript!");

    element.appendChild(textNode);

    document.body.appendChild(element);


    0
  • QuincyHan
    2016-09-30 15:12:00

    你的代码中element是一个文本节点，不是元素节点，需要改成

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

    0
  • 玉鸯子
    2016-09-29 20:05:11

    var element=document.createTextNode("p");

    这一段有问题。

    应该是：

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

    你要创建一个新的标签元素。要用：

    document.createElement(tagName)
    其中 tagName：字符串值，这个字符串用来指明创建元素的类型。

    而document.createTextNode(data)；

    是创建一个文本的。

    其中：data : 字符串值，可规定此节点的文本。

    例子：<p>123abc一二三</p>;

    <p></p>;是document.createElement(tagName)创建。

    123abc一二三：是document.createTextNode(data)；创建。

    1