Php 在div出现在页面上之前需要获取elementbyid

在打开div之前，我需要使用一段javascript来查找当前的css样式

我的代码如下：如果我将其添加到实际div（slidingDiv）的开头以下，则该代码有效

但是，我需要它在div之前工作，因为它将用于控制显示哪个按钮。根据div是显示还是隐藏，将显示不同的按钮

非常感谢

皮特

if（document.getElementById（'slidingDiv'）.style.display=='none'）警报（'none'）；
else警报（“显示”）；

如果您的意思是需要在源代码顺序中出现

之前编写JavaScript代码块，则通过将其附加到

窗口来延迟JavaScript。onload

：

<script>
    window.onload = function() {
        if (document.getElementById('slidingDiv').style.display == 'none') {
            alert('none');
        }
        else {
            alert('show');
        }
    };
</script>
<div id="slidingDiv"></div>

window.onload=函数（）{
if（document.getElementById（'slidingDiv'）.style.display=='none'）{
警报（“无”）；
}
否则{
警报（“显示”）；
}
};

如果您使用的是jQuery，那么就更容易了：

<script>
    $(document).ready(function() {
        if ($('#slidingDiv').not(':visible')) {
            alert('none');
        }
        else {
            alert('show');            
        }
    });
</script>
<div id="slidingDiv"></div>

$（文档）.ready（函数（）{
if（$（'#slidengdiv'）。not（':visible'））{
警报（“无”）；
}
否则{
警报（“显示”）；
}
});

---

尽管最佳做法是将任何和所有JavaScript文件放在页面底部，以便页面首先加载内容，然后再加载任何渐进增强，否则，在加载任何奇特的JavaScript效果时，您的用户必须等待页面加载完成。

只需在css中用“display:none”隐藏两个按钮；将代码放在slidingDiv下面，然后单击按钮

您真正应该做的是查找dom是否准备就绪（然后您可以将javascript代码放在任何地方—当然，它仍应位于页面底部）

如果您不想自己编写domready，也不想在页面中包含jquery，那么有一些非常智能的domready实现

您可以这样使用它：

domready(function () {
  if (document.getElementById('slidingDiv').style.display == 'none') {
    alert('none');
  }
  else {
    alert('show');
  }
});

编辑： 要将内容附加到html中，只需设置

---

用这个

你的逻辑有问题。如果你能更详细地解释你的问题，肯定有办法解决。你无法找到一个不存在的东西。你应该从div开始，它有

display:none

（或者在开始时隐藏它），并且只在你准备好后才显示它。这太棒了！工作是一种享受。如何打印HTML而不是警报？

domready(function () {
  if (document.getElementById('slidingDiv').style.display == 'none') {
    alert('none');
  }
  else {
    alert('show');
  }
});

domready(function () {
  var appendDiv = document.getElementById('someDivToAppend');
  if (document.getElementById('slidingDiv').style.display == 'none') {
    appendDiv.innerHTML('<p>hidden</p>');
  }
  else {
    appendDiv.innerHTML('<p>shown</p>');
  }
});

domready(function () {
  var appendDiv = document.getElementById('someDivToAppend')
    , newElement = document.createElement('div')

  if (document.getElementById('slidingDiv').style.display == 'none') {
    newElement.text = 'hidden';
  }
  else {
    newElement.text = 'shown';
  }
  appendDiv.appendChild(newElement);
});