querySelector相关问题

querySelector相关问题

问题描述:

老师,为什么这里我加了li标签反而是null了

相关截图:

https://img1.sycdn.imooc.com//climg/620cff5a098e02a310790409.jpg

https://img1.sycdn.imooc.com//climg/620cff5a09c6f34209770414.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,在li标签中设置id属性,所以在如下方法中li与#new需要去掉一个才可以,例如:

https://img1.sycdn.imooc.com//climg/620db082097f524f04540066.jpg

但由于li标签有多个,所以同学想要直接查询某一个值,直接使用li标签中id属性设置的内容即可

祝学习愉快~

  • 慕尼黑3413982 提问者 #1

    老师,我的意思是图一为什么出来的结果是null,是语法上面有什么错误么

    2022-02-17 21:19:48
  • 好帮手慕小脸 回复 提问者 慕尼黑3413982 #2

    同学你好,之所以结果为null值,是因为<li>标签下没有id属性为news的标签,从而导致结果为null,简单理解document.querySelector('ul li #new');获取的是三个不同级别的选择器,即下图:

    https://img1.sycdn.imooc.com//climg/620f07d509b4e1c205290217.jpg

    同学若不想多一个标签展示数据,同学可去掉如下空格(li#news属于同级标签),表示只选择li标签下id为news的

    https://img1.sycdn.imooc.com//climg/620f08780979d1d005620273.jpg

    祝学习愉快~

    2022-02-18 10:46:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师