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 添加到空页面(可能使用   或样式 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 类并应用?