将Javascript变量正确硬编码为HTML

我意识到我的标题不是很清楚，但我想不出一个更好的。下面是：

我在一个电子商务网站上工作，在那里不同的产品应该有不同的最大订购量。因为为CMS编写插件不是一个真正的选项，所以我想用javascript解决这个问题

我想做的是：

检查是否存在类别为“订单限额”的div

读取divs数据限制属性，该属性包含一个数字

添加一个包含数字的句子

今天我读到的主要内容是：

不要对javascript使用data-*属性

---

所以现在我想知道：考虑到产品有不同的上限，我所做的最佳实践是什么？

我认为您链接的文章中的这段引语是不言自明的：

无论如何，使用data-*属性添加语义上有价值的数据 但是如果你只是用它来支持一个脚本，你就是 再想想

---

顺便说一句，我不相信有最好的方法，只有适合您特定情况和需求的最佳方法。

他说的是，当HTML或Javascript已经提供了一些功能（如

href

和隐藏字段）时，您不应该使用数据属性。当数据在语义上与元素相关时，应该使用它。