老师帮我看下为什么提示querySelector失效

老师帮我看下为什么提示querySelector失效

正在回答 回答被采纳积分+1

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

2回答
好帮手慕久久 2021-08-07 17:26:18

同学你好,这里之所以加引号,是因为data-n这个属性选择器比较特殊。该选择器中如果不加引号,那么js代码就对应document.querySelector('#list li[data-n=1]'),它选不中 <li data-n="1">HTML</li>。

这是该选择器需要注意的点,记住即可。

同学“前面的代码“是指哪里?可以具体说明一下。如果记不住哪里,也没关系。有的时候,写不写分号效果都是一样的,主要还是看语言是否支持,语法支持就可以省略,不支持就必须写上。

祝学习愉快!

好帮手慕久久 2021-08-07 17:01:16

​同学你好,如下选择器书写不正确:

http://img1.sycdn.imooc.com//climg/610e4b7f0902c27a05980075.jpg

data-n的值,要用引号包裹起来,如下:

http://img1.sycdn.imooc.com//climg/610e4bbb09f4a8c109700123.jpg

建议同学更改一下试试。

如果还是不行,建议把全部代码粘贴出来,老师用你的代码测试。

祝学习愉快!


  • 谢谢老师,为什么我前面的代码都可以不用加这层括号,这里就要了呢

    2021-08-07 17:15:11
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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