write与InnerHTML的区别？

举个例子

write方法

<div class="test1">test1</div>
<div class="test2">test2</div>
<script>
window.onload=function(){
    document.write("test3")
}

</script>

结果

image.png

innerHTML属性

<div class="test1">test1</div>
<div class="test2">test2</div>
<script>
window.onload=function(){
    document.querySelector(".test2").innerHTML="test3"
}

</script>

结果如下

image.png

总结

write和InnerHTML虽然都是用来改写网页属性的，但是用法完全不同。

write是方法，会全部重写网页内容。
而innerHTML则是属性，而且是定向改写。

write并不能定向改写。