以下是一些示例代码:

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()之间有什么区别

推荐答案

主要区别在于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是安全的.

Jquery相关问答推荐

提交表单时运行自定义验证脚本

如果选中了三个sibling ,则选中一个复选框

javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

如何在jQuery中移动表格行?

确定元素是否是其父元素的最后一个子元素

jQuery:使用变量作为 Select 器

为什么对同一个 ASP.NET MVC 操作的多个同时 AJAX 调用会导致浏览器阻塞?

如何在 jQuery 中获取浏览器滚动位置?

如何在数据表中显示空数据消息

在jQuery中获取所有选定复选框值的最佳方法

我如何从 ACE 编辑器中获得价值?

SCRIPT7002:XMLHttpRequest:网络错误 0x2ef3,由于错误 00002ef3 无法完成操作

无法在被动事件侦听器中阻止默认值

如何同时使用 requireJS 和 jQuery?

datatable jquery - 表头宽度与正文宽度不对齐

使用 jquery 通过文本设置下拉值

订单对象是否由指定的 jQuery Select 器返回?

jQuery从字符串中删除'-'字符

在 jQuery 中 Select 后代元素的最快方法是什么?

使用 Ajax 下载并打开 PDF 文件