Home/ Questions/Q 8128383
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T07:51:37+00:00

<html> <head></head> <body> <div class=abcd></div> <script> var y = document.getElementsByClassName(‘abcd’); var x = document.querySelectorAll(abcd);

  • 0
<html>
<head></head>
<body>
<div class="abcd"></div>
<script>
var y = document.getElementsByClassName('abcd');
var x = document.querySelectorAll("abcd");
alert(y[0].hasChildNodes());
alert(x[0].hasChildNodes());
</script>
</body>
</html>

In above code first alert give false but not in alert two. how do i get same result with document.querySelectorAll ?
basically i want it to work in IE8.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    document.querySelectorAll() uses the same selectors as CSS to address elements. So instead of using "abcd" as parameter, you should go for ".abcd" (note the added .) there. 

    <script>
var y = document.getElementsByClassName('abcd');
var x = document.querySelectorAll(".abcd");
alert(y[0].hasChildNodes());
alert(x[0].hasChildNodes());
</script>
    • 0