Pre 标记似乎忽略了样式属性(例如 display:none）

Pre tags seem to ignore styles attribute (such as display:none)

本文关键字：例如 属性 display none 样式 Pre      更新时间：2023-09-26

>概述：

我正在尝试创建一个显示内容的Javascript控制框。此内容将是代码，由"语法荧光笔"扩展突出显示。若要突出显示代码，必须将代码包含在带有 brush 类的 pre 标记中。

问题：

我的Javascript的一部分试图隐藏这个pre标签，所以页面看起来更干净。但是，它不能更改 .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>

与往常一样，任何和所有的帮助都表示赞赏！谢谢！

将 

标签包装在样式的
 中：
 
 <div class="brush: text; toolbar: false;" style="display: none;">
    <pre id="paste_text">
      <?php echo $c ?>
    </pre>
 </div>
相关文章：