Javascript 如何检查是否创建了特定的div元素？

我想检查是否动态创建了以下代码：

<div id="js_contact_error_message" style="display: block;">
  <div class="error_message"> <!-- For this div only I want to apply the above written inline css-->
              Please enter full name
  </div>

试试看

用于使用

if-else

条件

if($("#js_contact_error_message").find(".error_message").length > 0)
{
    alert("div present");
}
else
{
    alert("div not present");
}

但正如您在问题中所说，您希望应用特定的内联css。为您拥有的样式创建一个类，您可以使用ollowin代码

$("#js_contact_error_message").find(".error_message").addClass("your_style_class");

此代码将仅对那些符合条件的

div

s应用css类

if($("#js_contact_error_message").find(".error_message").length > 0)
{
    alert("div present");
}
else
{
    alert("div not present");
}

编辑：

如果要将样式添加到

div

，可以尝试在页面中定义样式，该样式将在动态添加div后立即应用

<style>
    #js_contact_error_message .error_message
    {
         /*your inline style*/
    }
</style>

#js\u联系人\u错误消息。错误消息
{
/*你的内联风格*/
}

---

您可以通过多种方式进行检查。。其中很少有：

使用jquery的

$（“#js_contact_error_message”）.has（'div'）

函数获取特定元素

如果错误消息div是主div中的唯一div，则可以将其检查为：

检查元素

$（“#js_contact_error_message”）.html（）

为空或使用

$（“#js_contact_error_message”）.children（）

（）检查它是否有任何子元素

希望这有帮助：）

您可以这样做：

var hasDiv = $("#js_contact_error_message div").length > 0 ? true : false;

$("#js_contact_error_message").toggle(hasDiv);

---

注: 您需要将这行代码放在完成js验证的地方

---

或者，您可以尝试以下方法：

$(document).on('DOMSubTreeModified propertychange',function(){
     var hasDiv = $("#js_contact_error_message div").length > 0 ? true : false;
     $("#js_contact_error_message").toggle(hasDiv);
});

---

确保你的html组成是正确的，打开和关闭。然后试试这个代码

if($("#js_contact_error_message").length > 0)
{
  $("#js_contact_error_message").find(".error_message").addClass("style_class");
}

---

当“请输入全名”被动态创建时，可能的副本“长度”属性不起作用。如果“长度”不起作用，则您可能在错误的位置调用它。@PHPNut何时创建了动态

div

gettin？表单提交后。@PHPNut是否有名称为的css类

当前页面中的错误消息

？长度属性将不起作用，因为正在动态生成请输入全名。

if($("#js_contact_error_message").length > 0)
{
  $("#js_contact_error_message").find(".error_message").addClass("style_class");
}