Javascript 显示/隐藏div并在其中包含内容的情况下仍能正常工作-HTML/JS

我有一些类似推特的“帖子”。我希望这个功能在“邮箱”打开时也能正常工作。但我现在的问题是邮箱根本没有打开

这是我的

HTML:

---

如何设置JSFIDLE是一个问题：openBox函数不在全局/窗口范围内：

改变

function openBox() {
   document.getElementById('postBox').style.display = "block";
}

到

---

您选择在左侧的JSFIDLE选项中运行代码onLoad。选择

No wrap-in

，您的代码将正常工作

---

您也可以使用

No wrap-in

，但它需要一些小的更改才能正常工作（请参阅：）

jsiddles很好，但是对于当前和未来的观众来说，一个完整的、最小限度地再现问题的代码需要在问题本身中。请点击你问题下方的“编辑”链接来添加代码。对我来说很好，有什么问题？您不必这样做，只需在侧栏中将

onLoad

更改为

No Wrap-in

，这似乎更合适，@jmore009这是一个更好的答案，尽管我希望这个问题实际上不是关于如何使用jsfiddle。。。

var btn = document.getElementsByTagName("button")[0];
var inpt = document.getElementsByName("post")[0];

function openBox() {
   document.getElementById('postBox').style.display = "block";
}

btn.onclick = function () {

    if (!inpt.value) alert("Please enter something to post.");

    var tbl = document.getElementsByTagName("table")[0];
    var row = tbl.insertRow(0);
    var cell = row.insertCell(0);
    var txt = document.createTextNode(inpt.value);
    cell.appendChild(txt);
    tbl.insertRow(0);
    tbl.insertRow(0);

    inpt.value = "";

};

function openBox() {
   document.getElementById('postBox').style.display = "block";
}

window.openBox = function() {
    document.getElementById('postBox').style.display = "block";
}