这是我的简单HTML:
<body>
<div id="myParentDivElement">
Hello World!
</div>
</body>
这是随附的JavaScript:
$(document).ready(function() {
var myDOMElement = document.getElementById("myParentDivElement");
var newDivID = "div_1";
var newDiv = $('<div id="' + newDivID + '"/>');
$( newDiv ).css('marginLeft', '50px');
var newSpanID = "span_1";
var newSpan = $('<span id="' + newSpanID + '"/>');
newSpan.text('myLabel');
newDiv.appendChild(newSpan);
$( myDOMElement ).appendChild(newDiv);
});
但是，当我运行此代码时，
newDiv.appendChild(newSpan);行给出以下错误:Uncaught TypeError: undefined is not a function
有人可以解释为什么吗？
这是显示它不起作用的JSFiddle:http://jsfiddle.net/TsTMx/2/
最佳答案
.appendChild()是普通的JavaScript方法，而不是jQuery。 jQuery方法是.append()。
newDiv.append(newSpan);
$( myDOMElement ).append(newDiv);
关于javascript - 为什么对jQuery的appendChild的调用失败并显示未定义的错误？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23403105/