使用javascript警告元素的类名

我有一个元素，我想提醒这个元素的class属性我使用了这个代码

<li id="SSS" class="settings" onclick="alertClassName(this)">1111</li>

它会提醒取消查找。

尝试：

alert($(this).attr('class'))

---

尝试使用

className

而不是

class

onclick="alertClassName(this)"

---

.

您可以通过

className

属性直接访问类名（在这种情况下，不需要jQuery）：

---

首先，您必须决定函数名（

alertClassName

或

changeClass

）。我将使用与问题标题匹配的

alertClassName

：

在这里：

如果你想改变它：

<li id="SSS" class="settings" onclick="changeClass(this, 'foo')">1111</li>

---

…将在单击元素时从元素中删除所有类，并添加

foo

类。

您尝试激活的函数与您发布的不同）

alertClassName

而不是

changeClass

）

下面是一个如何发出警报然后更改元素类的示例。（这是答案）

以及守则：

<li id="SSS" class="settings" onclick="changeClass(this)">1111</li>

<script>
function changeClass(e)
{
    alert("Current Class:" + e.className);
    e.className = "Settings2";
    alert("Updated Class:" + e.className);
}
</script>

1111
函数类（e）
{
警报（“当前类别：+e.className”）；
e、 className=“Settings2”；
警报（“更新的类别：+e.className”）；
}

我不能在函数中使用此代码：“alert（elem.attr（'class'））”我是否应该使用$sign？并将其保存在变量中？您似乎正在使用库（否则，

$

没有意义，除非您将其定义为有意义）。你用哪一种？jQuery？MooTools？Prototype？函数changeClass（elem）{var x=$（elem.id）；alert（x.className）；}它不能正常工作，您使用的是

changeClass

还是

alertClassName

？但它不会改变背景色。在我的名为settings2的类中，我更改了li标记的字体系列、字体大小和背景颜色，但仅更改了字体您没有在CSS中定义类。这里有一些已定义的类，以便您可以看到更改。在我的样式表中，我写过。设置2类；将课堂改为设置2放下

课堂

单词，看小提琴我大体上同意，但有时最好留点地方进行研究。为什么？这是一个非常基本的问题。我相信答案可以在5秒内找到（打开搜索引擎后）。另一件事是，我的例子非常不言自明（我认为）。它说：

您可以通过使用className属性访问元素的类名

，但是，我添加了一个简短的解释。@EmadHelmi确实如此，尽管我认为最好为您的第一个

li

（在本例中）设置

class

。看看这个@EmadHelmi作为背景，看看这个，问题在于你的CSS/HTML结构。@walkhard:你坚持这个很好。（顺便说一句，这是我的+1。如果还没有，我现在就已经添加了。）

function alertClassName(elem)
{
    alert(elem.className);
}

<li id="SSS" class="settings" onclick="alertClassName(this)">1111</li>

function alertClassName(elem)
{
    alert(elem.className);
}

<li id="SSS" class="settings" onclick="changeClass(this, 'foo')">1111</li>

function changeClass(elem, newClass)
{
    elem.className = newClass;
}

<li id="SSS" class="settings" onclick="changeClass(this)">1111</li>

<script>
function changeClass(e)
{
    alert("Current Class:" + e.className);
    e.className = "Settings2";
    alert("Updated Class:" + e.className);
}
</script>