jQuery append()与appendChild()
jQuery append()与appendChild()
提问于 2013-04-10 20:49:52
下面是一些示例代码：
function addTextNode(){
var newtext = document.createTextNode(" Some text added dynamically. ");
var para = document.getElementById("p1");
para.appendChild(newtext);
$("#p1").append("HI");
}<div style="border: 1px solid red">
<p id="p1">First line of paragraph.<br /></p>
</div>append()和appendChild()之间的区别是什么
有没有实时场景？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-04-10 20:53:09
主要区别在于appendChild是DOM方法，而append是jQuery方法。第二个使用第一个，正如您在jQuery源代码中看到的那样
append: function() {
return this.domManip(arguments, true, function( elem ) {
if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
this.appendChild( elem );
}
});
},如果您在项目中使用jQuery库，则在向页面添加元素时始终使用append将是安全的。
Stack Overflow用户
发布于 2013-04-10 20:53:37
append是一种jQuery方法，用于将某些内容或超文本标记语言附加到元素上。
$('#example').append('Some text or HTML');appendChild是用于添加子元素的纯DOM方法。
document.getElementById('example').appendChild(newElement);Stack Overflow用户
发布于 2017-06-24 19:37:53
我知道这是一个老生常谈的问题，我不是在寻找选票，我只是想多加一点东西，我认为这可能会对新人有所帮助。
是的，appendChild是一个DOM方法，而append是一个JQuery方法，但实际上关键的区别是appendChild接受一个节点作为参数，我的意思是，如果您想向DOM中添加一个空段落，您需要首先创建该p元素
var p = document.createElement('p')
然后，您可以将其添加到DOM中，而JQuery append会为您创建该节点，并立即将其添加到DOM中，无论它是文本元素、html元素还是它们的组合！
$('p').append('<span> I have been appended </span>');
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15926325
复制相关文章
相似问题