Javascript document.style.display由于某种原因未粘滞

编辑：所以我将style.display改为block，其中一些功能正常。内部和外部文本区域返回时未找到元素

---

另一编辑：

在我的CSS中有一个显示：无。 当我删除这个，它的工作。但是这并不好，因为元素应该只在onclick之后才可用。为什么将其设置为“不显示”会阻止其显示

---

我这里有一个简单的脚本。基本上，我希望将面板的所有内容设置为不可见（document.style.display=“none”），然后在浏览完所有内容后，将其中一个设置为可见，如方法所示

Javascript:

function showText(divToShow)
{
    var docsToHide = document.getElementsByClassName("full-width");
    for (var i = 0; i<docsToHide.length;i++)
    {
        docsToHide[i].style.display="none";
    }
    var docToShow=document.getElementById(divToShow);
    docToShow.style.display="table";
    console.log(docToShow.style.display);
}

在循环结束时，在它们都被设置好之后，我将指定的textArea（divToShow.display）设置为table，但之后没有显示任何内容

有什么想法吗？我是不是忽略了什么

---

编辑：为文本区域添加html

 <div id="text-column">
                    <div id="page-description-text">
                        <textarea id = "page-description-textarea" class="full-width">Page Description</textarea>
                    </div>
                    <div id="keywords-text">
                        <textarea id="keywords-text-area" class="full-width"> Keywords</textarea>
                    </div>
                    <div id="files-text">
                        <textarea id="files-textarea"class="full-width">files</textarea>
                    </div>
                    <div id="internal-links-text">
                        <textarea  id="internal-links-textarea" class="full-width">internal</textarea>
                    </div>
                    <div id="external-links-text">
                        <textarea id="external-links-textarea"class="full-width">external</textarea>
                    </div>
                </div>

页面说明
关键词
文件夹
内部的
外部的

---

最后要注意的是，所有textArea元素都将自己设置为不可见。它们就是不回来。

是否将正确的

id

传递给

showText（）

函数

由于变量名为

divToShow

，我认为您传递的是

的

id

，它正确设置了

display:table

，但实际上隐藏了保持隐藏的

子项

---

如果您将

的

id

传递给您的

showText（）

函数，则代码函数将按预期工作。

您是否将正确的

id

传递给您的

showText（）

函数

由于变量名为

divToShow

，我认为您传递的是

的

id

，它正确设置了

display:table

，但实际上隐藏了保持隐藏的

子项

---

如果您传递的是

的

id

，则代码函数会按预期工作，如中所示。

这对我来说是一个糟糕的命名约定，但我肯定传递了正确的id。其中两个id在If语句中正确匹配，它甚至会显示consol.log（“style is table”）；那么您要传递哪个

id

？另外，我看不到问题中的

if

语句，请您输入相关代码，好吗？抱歉。我指的是该方法的早期版本，但没有意识到。我要收拾一下。这完全是一团糟，我相信你会同意的。当代码整理好后，我会再次发布这是一个糟糕的命名约定，但我肯定传递了正确的id。它们中的两个在if语句中正确匹配，它甚至显示consol.log（“style is table”）；那么您要传递哪个

id

？另外，我看不到问题中的

if

语句，请您输入相关代码，好吗？抱歉。我指的是该方法的早期版本，但没有意识到。我要收拾一下。这完全是一团糟，我相信你会同意的。当代码整理好后，我会再次发布

 <div id="text-column">
                    <div id="page-description-text">
                        <textarea id = "page-description-textarea" class="full-width">Page Description</textarea>
                    </div>
                    <div id="keywords-text">
                        <textarea id="keywords-text-area" class="full-width"> Keywords</textarea>
                    </div>
                    <div id="files-text">
                        <textarea id="files-textarea"class="full-width">files</textarea>
                    </div>
                    <div id="internal-links-text">
                        <textarea  id="internal-links-textarea" class="full-width">internal</textarea>
                    </div>
                    <div id="external-links-text">
                        <textarea id="external-links-textarea"class="full-width">external</textarea>
                    </div>
                </div>