有没有办法使用 Emmet 将 html 属性添加到现有的 html 元素？答案

【问题标题】：Is there a way to add html attributes to an existing html element with Emmet?有没有办法使用 Emmet 将 html 属性添加到现有的 html 元素？
【发布时间】：2016-02-28 22:32:01
【问题描述】：

我一直在四处寻找，但找不到答案。

假设我将光标放在数字 2 和后面 h2 的开始标记中的大于号之间。

<h2>Hello world!</h2>

然后我输入.text-uppercase 得到：

 <h2.text-uppercase>Hello world!</h2>

然后我展开缩写，我得到

 <h2 class="text-uppercase">Hello world!</h2>

有没有办法通过其他方法实现这一点？

【问题讨论】：

我认为您具体要问什么有点不清楚。您是在问h2 是否可以使用其他方法等效地设置样式？
我想我不能说得更清楚了。你用过 Emmet 吗？
我认为你可以说得更清楚些；我也不明白你在问什么。实现什么？添加一个类？你在说什么其他的“方法”？不用打字？通过命令？添加任意属性（这不是 Emmett 所做的，它有 ID 和类的快捷方式，它没有每个标签上的每个属性的快捷方式）。

标签： html workflow emmet

【解决方案1】：

也许this works在你的编辑器中，在我个人的VS Code安装中，它不起作用，动作是Update Tag

【讨论】：

【解决方案2】：

你的问题不是很清楚我想你想要这个

var h2 = document.getElementsByTagName("h2");
h2.classList.add('text-uppercase');

现在您可以通过点击或使用其他触发器来执行此操作

编码愉快！！！希望对你有帮助

【讨论】：