javascript选择要包含元素的内容

我有两个元素，第一个是默认在屏幕上打印

<input id=post-category value="first">

---

但这里的问题是，第二个元素是缩进的。因为它逃逸了第一个元素的空间。我不喜欢这样，我希望他们处于相同的位置

为您的ID定义CSS并修复位置。

更改为

el = document.getElementById("post-category");
el.style.display = "none";

el2 = document.getElementById("cat-sel");
el2.style.display = "block";

由于visible/hidden不会移除元素在页面上占用的空间

您需要在最初需要隐藏的字段上设置display:none

假设有一个复选框

window.onload=function() {
  document.getElementById("categoryCheckbox").onclick=function() {
    var chk = this.checked;
    document.getElementById("post-category").style.display = chk?"none":"block";
    document.getElementById("cat-sel").style.display = chk?"block":"none";
  }
}

---

PS：为了使“显示/隐藏”在重新加载后幸存下来，还需要一些代码…

很难说这里有什么问题…@elclanrs我编辑了我的问题，请参阅。：）@杰克斯帕罗船长我编辑了我的问题

el = document.getElementById("post-category");
el.style.display = "none";

el2 = document.getElementById("cat-sel");
el2.style.display = "block";

window.onload=function() {
  document.getElementById("categoryCheckbox").onclick=function() {
    var chk = this.checked;
    document.getElementById("post-category").style.display = chk?"none":"block";
    document.getElementById("cat-sel").style.display = chk?"block":"none";
  }
}