JavaScript中如何用append方法插入一个元素?

JavaScript06

JavaScript中如何用append方法插入一个元素?,第1张

<script>

window.onload=function(){

var btn=document.createElement("button")

btn.innerHTML="btn"

document.body.appendChild(btn)

}

</script>

或者

<script>

window.onload=function(){

document.body.innerHTML+="<button>btn</button>"

}

</script>

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

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

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

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