javascript检测是不是存在div类并更改不同div的innerHTML(如果为真)

Posted

技术标签:

【中文标题】javascript检测是不是存在div类并更改不同div的innerHTML(如果为真)【英文标题】:javascript to detect presence of div class and change innerHTML of a different div if truejavascript检测是否存在div类并更改不同div的innerHTML(如果为真) 【发布时间】:2012-10-02 19:04:57 【问题描述】:

我维护(但没有开发)在其博客页面上有一个 cmets 表单的 ASP 站点。 添加评论后,页面会显示一个新的 div,其样式为“cmets-wrap”类。如果还没有 cmets,则该 div 根本不会出现。它不需要我们的 ID,因为页面上可能最终有多个 cmets。

除非脚本检测到“cmets-wrap”类的存在,否则我想将新的 div 添加到空页面(可能使用 &nbsp 或样式 display:none)。

例如,让我们调用新的 div 。我希望它始终出现在页面上(例如),但是当页面上检测到“cmets-wrap”类时,空间会变为“Previous Comments”。

到目前为止,我有:

<script>
function myFunction() 
if ($(".comments-wrap")[0])  
document.getElementById("comments-previous").innerhtml="Previous Comments";



</script> 

【问题讨论】:

【参考方案1】:

如果您使用 jquery,请使用 .length 查找当前匹配的元素数

<script>
   $(document).ready(function()
       if ($(".comments-wrap").length)  
          $("#comments-previous").html('Previous Comments');
       
   );
</script> 

编辑

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script>
$(document).ready(function()
    if ($(".comments-wrap").length)  
        $("#comments-previous").html('Previous Comments');
    
);
</script> 
</head>
<body>
 <div class="comments-wrap"></div>
 <div id="comments-previous"></div>
</body>
</html>

【讨论】:

我注意到开发人员在头脑中调用 是的。您必须使用 jquery 库文件。 测试 html 是:

以上是关于javascript检测是不是存在div类并更改不同div的innerHTML(如果为真)的主要内容,如果未能解决你的问题,请参考以下文章

如何在没有窗口移动的情况下使用JavaScript来检测div的滚动距离?

如何检测 JavaScript 中的哈希后 URL 是不是已更改

如何在 JavaScript 中动态创建 CSS 类并应用?

如何检测存储过程是不是已存在

如何使用 JavaScript 检测文档中是不是存在 HTML5 有效的文档类型?

使用 JavaScript,如何检测访问者的设备上是不是存在三星 Galaxy 商店