Pre标签似乎忽略了样式属性（例如display：none）

Question

概述：

我正在尝试创建一个显示内容的Javascript控件框。此内容将是代码，由“SyntaxHighlighter”扩展名突出显示。要突出显示代码，代码必须包含在带有画笔类的预标记中。

问题：

我的部分Javascript尝试隐藏此预标签，因此页面看起来更干净。但是，它不能更改.style.display属性，除非pre标记包含在div标记中。

代码段：

使用Javascript：

    function decryptPaste() {
    try {
        post = sjcl.decrypt(
            $('#password3').val(),
            document.getElementById("paste_text").innerHTML()
        )
        document.getElementById("paste_text").innerHTML = post;
        document.getElementById("content-show").style.display = "block"
        document.getElementById("form-decrypt").style.display = "none"
    } catch (e) {
        alert(e);
    }
}

HTML（使用一些有效的PHP）：

     <pre class="brush: text; toolbar: false;" style="display: none;" id="paste_text">
        <?php echo $c ?>
     </pre>

一如既往，任何和所有的帮助表示赞赏！谢谢！

Answer 1

包装＆lt; pre＆gt; ＆lt; div＆gt;中的标记对于样式：

 <div class="brush: text; toolbar: false;" style="display: none;">
    <pre id="paste_text">
      <?php echo $c ?>
    </pre>
 </div>