javascript - hasAttribute 函数是否允许属性的 ID 或名称？

Question

我正在编写一个悬停脚本。基本上，我创建一个 div，将鼠标悬停在特定项目(在本例中为按钮)上时放入聊天框容器中，并在聊天框中显示一些文本。移除鼠标悬停后，文本将会消失。

我还没有完全了解消失部分，但这并不是我需要帮助的地方。我正在使用 hasAttribute 函数来识别我新创建的 Div。我遇到的问题是，如果我将鼠标悬停在按钮对象上，当我设置 hasAttribute("hovertext") 时，我会得到“its false”，但是如果我将 hasAttribute 设置为“Class”，我会得到“its true” .

我的程序使用多个创建/实例div，并且它们都有类。因此，仅仅说“class”并不会真正针对特定的“hovertext”div。

hasAttribute 是否有类似类命名的内容？像这样: hasAttribute("class:hovertext")?

function hoverMessage(message) {
    var chatbox = dom.el("chatbox");
    var div = document.createElement("div");
    // chatbox.appendChild(div).textContent = message;
    chatbox.appendChild(div).innerHTML = message;
    chatbox.setAttribute("class", "chatboxtext");
    div.setAttribute("class", "hovertext");

    if (div.hasAttribute("class"))
    {
        console.log("its true");

    }
    else {
        console.log("its false");
        console.log(div);
    }
    chatbox.scrollTop = chatbox.scrollHeight;   
};

Answer 1

在您的情况下，为了测试元素是否具有指定的类，您可以使用:

classList.contains( String ): Checks if specified class value exists in class attribute of the element.

var retVal = document.querySelector('p').classList.contains('hovertext');
console.log(retVal);

<p class="class1 class2 hovertext class3"></p>