如何使用JavaScript将样式类名添加到锚元素中

例如，我知道如何使用JavaScript向我的页面添加锚元素

var userName_a = document.createElement('a');

不过，现在我还想在该元素上添加一个样式名，例如，我尝试了

var userName_a = document.createElement('a class="normalLink"');

这不起作用，导致我的JavaScript停止运行

向使用JavaScript创建的元素Iv'e添加样式名的最佳方法是什么？

该函数只获取要创建的HTML标记的名称，而不获取其他名称

可以通过使用或通过或添加/删除样式类来访问元素的样式

样式属性

userName_a.style.background = "#FF0000";
userName_a.style["font-size"] = "20px";

类名

userName_a.className = "active";

类列表

userName_a.classList.add("active");
userName_a.classList.remove("active");
userName_a.classList.toggle("active");

---

最一致的方法是使用setAttribute函数：

var userName_a = document.createElement('a');
userName_a.setAttribute( 'class', 'normalLink' );
userName_a.setAttribute( 'style', 'color:blue;font-weight:bold;' );

像这样

var userName_a=document.createElement（'a'）；
document.body.appendChild（用户名a）；
用户名a.innerHTML='HELLO WORLD'；
用户名a.style='color:red；背景：黄色“

因为看起来您只是想在对象上有一个类名，所以最简单的方法是在创建对象后为其分配一个类名：

var userName_a = document.createElement('a');
userName_a.className = "normalLink";

也可以直接修改样式属性：

userName_a.style.color = "red";
userName_a.style.textDecoration = "none";

---

创建之后，执行类似于

userName\u a.className='normalLink'的操作

添加一个类-但是如果您想按要求添加样式，请使用

userName\u a.STYLE

例如

userName\u a.STYLE.background='red'

或

userName_a.style.cssText='颜色：蓝色；宽度：40px；高度：20px；'类列表在浏览器上不可用：@BlakeA.Nichols它在大多数浏览器上可用。还有一个垫片，用于那些不需要标记的，只是想完整的。还要注意的是，classList不适用于SVG元素（他并没有询问那些刚刚加入它的元素）