首页 前端知识 【我不熟悉的css】属性选择器的使用,css 和js中使用属性选择器获取元素的区别

【我不熟悉的css】属性选择器的使用,css 和js中使用属性选择器获取元素的区别

2024-04-18 00:04:59 前端知识 前端哥 588 291 我要收藏

预警!超级初级的内容,菜鸟必看,大佬请绕道

其实就我个人而言,属性选择器,在css中不是很常用的,但是在js中使用document.querySelector获取元素的时候经常用,我经常忘记到底要不要加双引号!这次总结一下,希望不要再忘记了。

大写加粗的牢记

css中只有属性的值需要加双引号(或者单引号)

js中属性值加不加引号都行,不过为了好看加上吧

但是这样写是不对的: querySelector('["title=age"]')

同理,也可以只用属性名称,不写值获取元素

// css中,只用属性名称获取元素,没有引号
div[title] {
    //
}
// js中,使用属性名称获取元素
const ele = document.querySelector('[title]')

好吧,这个问题可能很愚蠢,但是我真的有的时候记不住, 总结一下,这次彻底记住了。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5116.html
标签
评论
发布的文章

用js生成小米商城

2024-04-27 21:04:59

网页汇率计算器vue代码

2024-04-26 13:04:44

Python读写Json文件

2024-04-23 22:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!