1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
|
<!DOCTYPE html>
<html>
<body>
<p class="a">Class a.</p>
<p class="b">Class b.</p>
<p id="start">
<b class="a">This a class.</b>
<b class="b">This b class.</b>
</p>
<script>
function myFunction() {
var el = document.getElementById('start');
var x = el.querySelectorAll('.nonexistent');
console.assert(x.length === 0, 'nonexistent element');
var y = el.querySelectorAll('.b');
console.assert(y.length === 1, 'b class b.');
console.assert(y.item(0).innerText === 'This b class.', 'b class');
}
console.error('element.querySelectorAll.html');
myFunction();
console.exit();
</script>
</body>
</html>
|