Question

有没有办法在运行时

中隐藏源代码的div

使用jquery，javascript或任何其他方法。

例如：

<div id="abc">
This will not be displayed on source as well as in page
</div>

通过使用jQuery remove()或hide() - 项目从前端隐藏。但是我需要从源代码中删除它......

我正在使用drupal渲染方法。

Answer 1

无法在浏览器中隐藏DOM元素。您只能使用.remove()删除它们，或在呈现时隐藏.hide()。但是如果代码中存在DOM，那么就无法在查看源代码组件中隐藏它。

Answer 2

这是一个解决方案

在你的身体标签中添加onload事件

<body onload='removeDiv()'>
    <div id='abc'>
         This will not displayed in source code as well as in web page.
    </div>
<body>

的Javascript

<script>
    function removeDiv(){
        var div = document.getElementById('abc');
        div.remove();
    }
</script>

Answer 3

<script>
    $('.abc').hide();
</script>

Answer 4

如果.hide（）和.remove（）不适合您。你可以试试这个。创建一个父div并将html部分设置为空

  <div id="def">
     <div id="abc">
        This will not be displayed on source as well as in page
     </div>
  </div>

  <script type="text/javascript">
       $("#def").html('');
  </script>

Answer 5

如果你正在使用drupal写一个php if条件来隐藏div的内容，例如

<?php if(1){ ?>
<div id="abc">
This will not be displayed on source as well as in page
</div>
<?php }?>

有没有办法在运行时隐藏源代码的div

5 个答案: