在360的兼容模式下关于innerHTML=“”,引发的问题

innerHTML属性,可以动态设置和修改dom,但是在360的兼容模式下回存在一些问题......

	var dBody = document.body;
	var fatherDom = document.createElement('div');
	fatherDom.innerHTML = 'fatherDom';
	dBody.appendChild(fatherDom);
	
	var childDom = document.createElement('div');
	childDom.innerHTML = 'childDom';
	fatherDom.appendChild(childDom);
	
	clikeBtn.onclick = function() {
		dBody.innerHTML = '';
		//通过innerHTML=’‘,这种方式来删除dom---childDom也会被删除
		//childDom这个是我创建的对象啊,为什么会给我删除呢,这个我也不清楚
		//此种情况只针对360浏览器的兼容模式下,但是ie并不会
		dBody.removeChild(fatherDom);
		//通过removeChild,这种方式来删除dom---childDom并不会被删除
		dBody.appendChild(childDom);
	}

那么问题来了,360兼容模式使用的是本地ie浏览器,而用直接用ie去解析这段代码,childDom并不会被删除。默默的问一句360的锅还是ie的锅

作者:KeerDi —— ET.frog

出处:http://www.cnblogs.com/frogblog/

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/frogblog/p/8489494.html