Javascript类名称不会出现

Question

您好我希望通过将鼠标悬停在其上来获取类名。我现在所有的悬停都是类名：[objectHTMLCollection] 。 我在html中使用此代码：onmouseover =＆＃34; class（this）＆＃34;

function class() {
var x = document.getElementsByClassName("abc");
x[0].innerHTML = "Class name" + x + " ";
}

Answer 1

  

我在html中使用此代码：onmouseover =＆＃34; class（this）＆＃34;

在这种情况下，您应该为您的函数声明一个参数并使用它。元素的当前类名集可从其className属性中获得：

function showClass(element) {
    element.innerHTML = "Class name " + element.className;
}

另请注意，我更改了该功能的名称。 class是JavaScript中的关键字，您无法将其用作标识符。 （您需要及时更新onmouseover。）

Answer 2

不要在代码中使用任何reserved keywords来命名函数，变量等。

当您尝试通过执行[objectHTMLCollection]将toString()（对象）转换为字符串时隐式调用x方法，您得到"Class name" + x + " "; 。请改用x[0].className。