Javascript 如何根据类名检查元素是否存在？

正如我在问题的标题中提到的，我的元素没有

id

属性。那么我如何检查它是否存在呢

这是我的HTML：

<div class="classname">something</div>

但是我想知道如何根据类名来实现这一点。。可能吗

---

注2:我使用jQuery。

您需要使用

getElementsByClassName

而不是

getElementById

。

如果使用jQuery，请使用类选择器。 试试这个：

if($('.classname').length > 0)
{
    alert('exist');
}

普通javascript（不含jQuery或任何其他库）：

var els=document.getElementsByClassName（'className'））
var first=els[0]

请注意，这是一个数组，因为该类可能有许多元素

使用jQuery：

var els=$（'.className'）

---

这将产生一个而不是DOM元素，因此您最好使用它来检查是否存在。

您可以尝试以下方法：

var el = document.getElementById("idname");
if ( el ){
    console.log("exists");
} else {
    console.log("not");
}

if ($(".classname")[0]){ // do stuff }

这将使用jquery选择器获取具有该类名的所有项，并尝试访问第一个结果（位于位置0）。如果没有具有此类名的元素，则此操作将失败。

您可以使用：

var el = document.getElementsByClassName("classname");
if (el) {
    console.log("exists");
} else {
    console.log("not");
}

---

检查

.length

，因为如果存在数组列表，className将为您提供数组列表

var el = document.getElementsByClassName("classname");
if ( el.length > 0 ){
    console.log("exists");
} else {
    console.log("not");
}

---

尝试此操作。这将显示如何自动将类放入

文档中。准备就绪

或单击按钮时

某物
//您可以在DocumentReady或任何其他事件（如单击）中检查类名
//这将在文档准备就绪时显示div的所有类名。
$（文档）.ready（函数（）{
var_class_name=$（“div”）.attr（'class'）；
alert（类名称）；//此按钮用于显示类名称
if（类名称==“classneme”）
{
//做你的编码
}
其他的
{
//做你的编码
}
});
//如果希望在按钮单击时获取类名，并检查该类是否存在
$（文档）.ready（函数（）{
$（“div”）。单击（函数（）{
var classnames=$（this.attr（'class'）；
警报（类名）；
如果（类名==“您的类名”）
{
//你的代码在这里
}
其他的
{
//你的代码在这里
}
});
});