为什么这个简单的JavaScript没有做任何事情?

时间:2014-03-12 16:15:54

标签: javascript jsfiddle

http://jsfiddle.net/AHd34/2/

$(document).ready(function(){
var a = document.createTextNode('AAA');
$jA = $(a);
$('#listContainer').append(jA);
});

<body>

<div id="content">

    <div id="newLists" style="border:none;">
        <!-- I'm going to need to reorganize this css so the above line does not need to happen -->
        <p id="newListTitle"><span id="newListSpan">Here is a list </span></p>          
            <div id="listContainer">

            </div>      
    </div>

</div> 

我之前从未使用过jsfiddle,似乎根本就没有用过。可能是非常简单和愚蠢的事情。

2 个答案:

答案 0 :(得分:3)

2件事:
第一:在控制台中你可以看到createTextElement不存在 第二:你声明一个变量$ jA然后追加一个变量jA(没有$)。

这是工作代码:

http://jsfiddle.net/AHd34/3/

$(document).ready(function(){
    var a = document.createTextNode('AAA');
    $jA = $(a);
    $('#listContainer').append($jA);
});

答案 1 :(得分:0)

试试这个

$(document).ready(function(){


    var a =document.createElement("a"); 
        a.innerHTML="AAA";

        $('#listContainer').append(a);
    });

http://jsfiddle.net/AHd34/7/