本文介绍了三种常见的DOM操作方法：document.write、innerHTML和createElement。document.write会销毁页面资源，innerHTML用于替换或设置元素内容，而createElement则用于动态创建新的元素。针对不同的浏览器兼容性问题，文章还探讨了addEventListener和attachEvent的使用，以及如何实现跨浏览器的事件绑定。
第一种：利用document.write()的方法，这种方法虽然十分的简单，但是花费的代价是十分的巨大，它会销毁掉页面的其他的资源。
第二种：是利用innerHTML的方法，例如一下代码：
<input type="button" value= 这是一个p标签 id = "btn">
<div id="dv"></div>
document.getElementById("btn").οnclick=function(){
document.getElementById("dv").innerHTML="<p>这个是p标签</p>"
}
第三种方式：是创建一个元素，利用createElement
重点：为元素绑定事件
谷歌与火狐都是利用addEventlistener,但是IE8并不支持，所以IE8支持的是attachEvent
代码如下：
重点：为任意事件绑定任意元素（这是一个兼容代码）
原理：判断浏览器中是否支持这个方法，就是在If(方法)，但是在括号中的方法不能带括号
齐羽：2021.6.16记
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
