<html>
<head></head>
<body>
<div class="abcd"></div>
<style>
.new_info {
color:red;
}
</style>
<script>
function getBox(){
var sende = document.querySelectorAll(".abcd");
alert(sende[0].hasChildNodes());
alert(y[0].hasChildNodes());
if(sende[0].hasChildNodes() == false && sende[0].nodeValue == null){
var newdiv = document.createElement('div');
newdiv.innerHTML = "which i want";
newdiv.className = "new_info";
sende[0].appendChild(newdiv);
}
}
getBox();
</script>
</body>
</html>
上記のコードでは、クラス 'abcd' を持つ div タグを、'which i want' のようなテキストを持つ子ノードとしていくつかの div で埋めたいと考えています。これは他のブラウザではうまくいきますが、IE8 ではうまくいきません。このコードをIE8でも動作させるにはどうすればよいですか?