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

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

qq_缺少一份永恒_03896643

2016-09-29 17:37

是哪里出现问题了

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


写回答 关注

3回答

  • 慕粉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);


    qq_缺少一...

    非常感谢!

    2016-09-30 15:48:51

    共 1 条回复 >

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

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

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

  • 玉鸯子
    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);创建。

JavaScript进阶篇

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

468196 学习 · 21891 问题

查看课程

相似问题