使用Internet Explorer查看页面时删除元素

时间:2017-09-29 17:13:53

标签: javascript jquery html css internet-explorer

我有下面的代码如下所示:

appsettings.json

现在,当在Internet Explorer中查看页面时,我希望删除<div class="timer" id="timer"><img src="http://i.imgur.com/87XaOWA.png"><p class="close-message" id="close-message"></p></div>

IE doesn't support the .remove() function以来,我找到了以下解决方案来解决问题here。我还发现了以下fiddle,它可以检测用于查看页面的浏览器。

我尝试了以下两个div语句,以便在IE中查看时删除if标记无效:

div

// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode

if (isIE = false) {
jQuery("#timer").eq(i).remove();
}

我做错了什么?单独地,这两个组件工作正常,但是当我尝试一起使用它们时它们不起作用。

1 个答案:

答案 0 :(得分:2)

您的第一个错误是:

if (isIE = false) {

你需要使用双等号进行比较,在你的情况下它应该是:

if (isIE == true) {

第二个错误是:

document.getElementsById('timer')[i]

将其更改为:

document.getElementById('timer')

var isIE = /*@cc_on!@*/false || !!document.documentMode;

if (isIE == true) {
    var node = document.getElementById('timer');
    node.parentNode.removeChild(node);
}

//
// in jQuery: remove: .eq(i)....
//
if (isIE == true) {
  jQuery("#timer").remove();
}
<div class="timer" id="timer"><img src="http://i.imgur.com/87XaOWA.png"><p class="close-message" id="close-message"></p></div>