Question

嗨已经找了几个解决方案，但是因为JS不是我的专长所以我很蠢！

目前，我有一个空的隐藏的div（生成但是BigCommerce生成的页面）。它是一个空div但有一个类，并通过“Style display：none”隐藏。

我想要尝试做的是：

检查指定的div是否具有display none的样式。
如果以上是真的，那么检查div是否包含任何内容（空字符串虽然需要检查可能是一些空格）
如果以上两个都是真的，在div中添加一些简单的文本并更改要显示的样式（或删除display none。）

显示：div中没有样式是内联的。

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

Answer 1

很好看，因为你没有提供任何代码我会做一些假设（你没有使用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>

将来最好添加你已经制作的内容，否则你应该重新提出你的问题“有人可以为我做这个。”

Answer 2

如果您熟悉 jQuery 。添加一个ID“myDiv”并使用以下内容：

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

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

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

}

Javascript检查div样式然后如果为空则然后将文本添加到div

2 个答案: