Estou adicionando um elemento à minha página usando:
var di = document.createElement("div");
di.id="container";
document.body.appendChild(di)
Agora, quando estou tentando remover o elemento usando o Internet Explorer 8 e jQuery como:
jQuery(di).remove();
estou obtendo comportamento inconsistente .. o que significa que está trabalhando em todos os navegadores, exceto para o Internet Explorer 8 (provavelmente o mesmo no IE7, mas eu não me importo mais :-))
Alguma ideia ?
obrigado
Respostas:
0 para resposta № 1Talvez se o elemento foi adicionado com jQuery:
var di = jQuery("<div/>").attr("id","container").appendTo("body");
Então :
di.remove();
0 para resposta № 2
Você tem certeza de que o código não está funcionando no IE8? Parece que você precisa atualizar o conteúdo das Ferramentas do desenvolvedor para ver o div adicionado / removido.
Acabei de fazer um teste com o seguinte código e está funcionando no FF e no IE8
<!DOCTYPE html>
<html class="main" lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript">
function add() {
var di = document.createElement("div");
di.id="container";
di.appendChild(document.createTextNode("Testing"));
document.body.appendChild(di)
}
function remove() {
document.body.removeChild(document.getElementById("container"));
}
</script>
</head>
<body>
<button onclick="add();">Add</button>
<button onclick="remove();">Remove</button>
</body>
</html>