0

嗨，已经寻​​找了几个解决方案，但由于 JS 不是我的专长，所以我很挣扎！

目前，我有一个空且隐藏的 div（生成但 BigCommerce 生成的页面）。它是一个空的 div，但有一个类，并通过“样式显示：无”隐藏。

我想尝试做的是：

  1. 检查命名的 div 是否具有 display none 的样式。
  2. 如果以上为真，则检查 div 是否包含任何内容（空字符串虽然需要检查，因为可能是一些空格）
  3. 如果以上两个都是真的，在div里面加一些简单的文字，改变样式显示（或者去掉显示none。）

div 中的 display: none 样式是内联的。

如果有人可以提供帮助，请提前感谢。

4

2 回答 2

2

好吧，既然你没有提供任何代码，我会做一些假设（你没有使用 jQuery，样式是内联的）但是你想要这样的东西......

    <div id="myDiv" style="display:none"></div>
    <script>

    var theDiv = document.getElementById("myDiv");

    if(theDiv.style.display == "none" && theDiv.innerHTML.length == 0){
        theDiv.innerHTML = "Some sample content";
        theDiv.style.display="inline";
    }

  </script>

将来最好添加您已经制作的内容，否则您应该重新表述您的问题“有人可以为我做这件事吗”。

于 2012-05-21T10:28:25.180 回答
0

如果你熟悉jQuery。添加 div 一个 ID 'myDiv' 并使用以下内容：

var contents = $('#myDiv').text();
contents =$.trim(contents);

if($('#myDiv').is(":hidden") && contents == ''){

    $('#myDiv').html('Here are new contents').show();

}
于 2012-05-21T10:26:35.483 回答