Javascript 为什么我要在HTML和CSS中的属性上使用类？

我正在创建一个web应用程序，需要确定一种一致的方式来设计我的元素。我注意到很多联机帮助都使用类，但我通常使用属性（如查询选择器[my attr]）来设置多个元素的样式，因为我不必使用classList，可以非常轻松地删除和设置属性

在没有外部库的情况下，为什么人们会使用类来设置属性上的元素的样式？属性似乎可以完成类所能做的一切，但做得更好，因为您还可以为属性赋值。我也没有看到任何关于性能差异的讨论，这让我相信属性应该比样式页面上的教程中的属性更受欢迎

任何关于类在某些方面可以比属性做得更好的实例的想法都将受到极大的赞赏，即使这些论点是主观的，并且归结为某种偏好

谢谢

---

同样，这是针对普通javascript、HTML和CSS的。我知道像jQuery这样的库可能会使类的使用更容易，但我不打算使用任何库

事实上，这是一个更为一致的结局。如果你更愿意使用属性，那就试试吧。然而，这让以后必须帮助你的人更加困难。CSS类是为分组选择和应用常见样式而设计的。CSS恰好也能够选择属性，因为它在某些边缘情况下是有意义的

通常，属性应该保留给任何与样式无关的为不同用途添加值的东西，无论是屏幕阅读器还是JavaScript的变量容器，例如

data id=“34”

可以让您使用id参数发出异步请求

考虑这个例子，它有一些简单的基于“类”的按钮：

。按钮{
显示：内联块；
边框：1px实心；
填充：4px10px；
文字装饰：无；
利润底部：4倍；
}
.小学{
背景：彩色；
}
.主跨{
颜色：#fff；
}
蓝先生{
颜色：#0095ee；
}
瑞德先生{
颜色：#ee3300
}

事实上，这是一个更加一致的结局。如果你更愿意使用属性，那就试试吧。然而，这让以后必须帮助你的人更加困难。CSS类是为分组选择和应用常见样式而设计的。CSS恰好也能够选择属性，因为它在某些边缘情况下是有意义的

通常，属性应该保留给任何与样式无关的为不同用途添加值的东西，无论是屏幕阅读器还是JavaScript的变量容器，例如

data id=“34”

可以让您使用id参数发出异步请求

考虑这个例子，它有一些简单的基于“类”的按钮：

。按钮{
显示：内联块；
边框：1px实心；
填充：4px10px；
文字装饰：无；
利润底部：4倍；
}
.小学{
背景：彩色；
}
.主跨{
颜色：#fff；
}
蓝先生{
颜色：#0095ee；
}
瑞德先生{
颜色：#ee3300
}

我认为这只是函数问题，如果你想给出样式，你应该使用类，但是如果你想修改，你可以使用查询选择器，因为它不会在你的html上添加内联样式，你可以缩小脚本。

我认为这只是函数问题，如果你想给出样式，你应该使用类，但是，如果您想修改，可以使用查询选择器，因为它不会在html中添加内联样式，您可以缩小脚本。

因为创建类是为了设置样式，而创建属性是为了添加标题、目标等数据。。。但是CSS足够强大，允许您使用属性选择器。如果你想有一个共同的风格，你会添加相同的属性无处不在？我认为这不是一个好主意。请澄清：如何使用[d]属性（如查询选择器[my attr]）来设置多个元素的样式？我可以使用类似的属性创建一个div，并在样式表中使用[my style]{background color:red；}例如。我可以对类做同样的事情，但我想知道为什么在这个问题上，类往往比属性更受欢迎purpose@Bradass-明白了…你知道，很多人（在美国）开皮卡车，从来没有在后面拉过货物。这里也一样。没有理由一个人必须驾驶轿车——如果他们愿意，他们可以驾驶皮卡车。如果您愿意，您可以使用属性，但基于我们也制定的标准/规范，它可能不是最佳选择。因为创建类是为了设计样式，而创建属性是为了添加标题、目标等数据。。。但是CSS足够强大，允许您使用属性选择器。如果你想有一个共同的风格，你会添加相同的属性无处不在？我认为这不是一个好主意。请澄清：如何使用[d]属性（如查询选择器[my attr]）来设置多个元素的样式？我可以使用类似的属性创建一个div，并在样式表中使用[my style]{background color:red；}例如。我可以对类做同样的事情，但我想知道为什么在这个问题上，类往往比属性更受欢迎purpose@Bradass-明白了…你知道，很多人（在美国）开皮卡车，从来没有在后面拉过货物。这里也一样。没有理由一个人必须驾驶轿车——如果他们愿意，他们可以驾驶皮卡车。如果您愿意，您可以使用属性，但基于我们都制定的标准/规范，它可能不是最佳选择。选择

querySelectorAll

getElementsBy*方法返回HTMLCollection的其他原因。qSA返回一个静态节点列表-与HTMLCollection不同，它可以直接迭代，并且在迭代过程中不会改变。我明白了。我只做过较小的项目，通常