通过attr获取这个data-url
时间: 2024-02-25 14:53:59 浏览: 118
根据url获取页面数据
3星 · 编辑精心推荐
你可以使用CSS中的`attr()`函数来获取元素中的自定义属性,并将其作为CSS样式的属性值。具体的方式是,在CSS中使用`attr()`函数来获取元素的自定义属性,并将其作为属性值赋值给CSS样式。例如:
HTML代码:
```
<div data-url="example.com"></div>
```
CSS代码:
```
div {
background-image: url(attr(data-url));
}
```
这样就可以使用`attr()`函数获取该div元素中的`data-url`属性值(即`example.com`),并将其作为背景图片的URL地址了。需要注意的是,`attr()`函数只能用于获取元素中的自定义属性,无法用于获取元素中的其他属性。
阅读全文