自定义属性

acrazing 发布于2019-08-01 16:42 / 556人阅读

摘要：自定义一般属性通过获取对应的属性自定义属性通过或者获取对应的属性

自定义一般属性

通过getAttribute获取对应的属性


    basketball
    football
    volleyball
    tennis

var productList = [];
var products = document.getElementsByTagName("li");

for (var i = 0, len = products.length; i < len; i++) {
    productList.push(products[i].getAttribute("product-id"));
}

console.log(productList)

自定义data属性

通过getAttribute或者dataset获取对应的属性


    basketball
    football
    volleyball
    tennis

云服务器 GPU云服务器自定义属性值 dom自定义属性自适应属性属性定义方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50693.html

CSS 自定义属性 - 入门

摘要：变量的函数引用的自定义属性被称为变量。为此，可读性和可维护性是自定义属性最大的优势。自定义属性作用域在中，变量有作用域一说。因此，在选择器中声明的自定义属性，其作用域的范围是全局范围，也就是全局作用域。引言 CSS语言是一种声明式语言，不像其他语言有变量、条件和逻辑等特性，因为这个原因，社区中有了各种CSS处理器语言，比如Sass、LESS和Stylus等。这些处理器语言引入了一...

seanlook 2019-08-30 15:44 评论0 收藏0
CSS 自定义属性 -- 使用 JS 和不使用 JS

摘要：你曾想过在页面加载过后去修改或的变量值么我曾经尝试过但并没有成功因为当预处理的代码编译成了它的变量就不再是变量了然而自定义属性就没有这样的限制在该系列的文章中我曾提及过自定义属性它最牛扳的特性就是它的动态性它的强大我们一眼就能对比出来预处理你曾想过在页面加载过后去修改 Sass 或 Less 的变量值么? 我曾经尝试过, 但并没有成功, 因为当预处理的代码编译成了 CSS, 它的变...

megatron 2019-08-29 13:05 评论0 收藏0
vue总结系列--组件化

摘要：触发事件可以携带数据，这些数据被用于传递给绑定了事件的其它组件的回调函数上，进而被传递给其它组件。父组件可以在回调函数里做任何事情，颇有灵活性。一般情况下，父组件会在回调函数中更新自己的状态数据。上一篇博文梳理了vue的数据驱动和响应式相关的特性，这一篇博文就来梳理vue的一个很重要的特性，组件化。自定义组件之于vue，其意义不亚于函数之于C，java之类的编程语言。函数是计算机科学...

cuieney 2019-08-22 18:28 评论0 收藏0
使用 custom element 创建自定义元素

摘要：通过创建元素时也有不同也可以直接调用构造函数创建注直到版本，扩展内置元素依然在开发中。自定义元素被移入新的时调用。很早我们就可以在 HTML 文档中写这样的自定义名称标签。但是浏览器对于不认识的标签一律当成一个普通的行内元素处理，没有相关语义。虽然我们能用 JavaScript 代码给它添加一些功能，但是并没有生命周期相关的函数供我们做一些初始化和销毁的处理。通过浏览器提供...

Allen 2019-08-01 17:44 评论0 收藏0