为什么我这里控制台输出的是null呢老师
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>类数组的动态性</title>
<script src="js0/dom22.js"></script>
<script>
myReady(function(){
var myDiv = document.getElementById('myDiv');
var ul = document.querySelector('#myUl');
var li = myDiv.querySelector('li:last-child');
var els = document.querySelector('input,li');
console.log(ul);
console.log(li);
console.log(els);
});
</script>
</head>
<body>
<input type="text" class="foo:bar" value="请输入内容"/>
<div id="myDiv">
You are my sunshine.
</div>
<ul id="myUl">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>

正在回答
同学你好,问题解答如下:
“myDiv”是id为“myDiv”的div元素,它内部没有li,所以变量‘li’由于获取不到li元素而返回null,可以获取变量“ul”中的li,如下:

另外获取多个元素,需要使用querySelectorAll,变量“els”修改如下:

如果我的回答帮到了你,欢迎采纳,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星