js里用append和appendChild有什么区别

JavaScript013

js里用append和appendChild有什么区别,第1张

parentNode.append()是还在试用期的方法,有兼容问题。是在parendNode节点中最后一个子节点后插入新Node或者DOMString(字符串,插入后为Text节点).

与parentNode.appendChild()的区别在于:

parentNode.append()可以同时传入多个节点或字符串,没有返回值;

而parentNode.appendChild()只能传一个节点,且不直接支持传字符串(需要parentNode.appendChild(document.createTextElement('字符串'))代替),返回追加的Node节点

success: function (t) {

$.each(t.data, function (i, data) {

// 遍历 t.data 是数组

$("#text").append( // text 父div 的id 此处注意,在append点击时间不生效的时候 需要(""+i+"")这个形式;

"<div class='textLineImg-bottom'>" +

"<div class='textLeftImgCar' onclick='detail(""+i+"")'>"

+ t.data[i].car_plate_number + "</div></div>")

})

简单来说就是注意转义字符的使用

.append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同。对于.append(), 选择表达式在函数的前面,参数是将要插入的内容。对于.appendTo()刚好相反,内容在方法前面,无论是一个选择器表达式 或创建作为标记上的标记,它都将被插入到目标容器的末尾。

.appendChild() 添加到父级的尾部。