javascript - 用简单的 JavaScript 替换 jQuery show

Question

我将我的 JS 文件 jquery.min 放在我的站点标记之前。如何用简单的 JavaScript 替换其中的 jQuery 代码？

function generateScript()
{
    ?>
    <script type="text/javascript">
        $(document).ready(function(e) {
        <?php
        foreach($this->modules  AS $m) {
            echo '   $("#kategoria_'.$m.'").show() ;  '."\n";
        }
        ?>
        });
    </script>
    <?php
}

我想要这个，因为如果我将所有 JS 文件包含到标签中，我会收到 js 错误，因为这个生成器代码是在我调用 js 文件之前，并且 $ 函数将不存在。

更新:

现在，我用这个:

function generateScript()
{
    ?>
    <script type="text/javascript">
        //$(document).ready(function(e) {
        <?php
        foreach($this->modules  AS $m) {
            //echo '   $("#kategoria_'.$m.'").show() ;  '."\n";
            echo 'document.getElementById("#kategoria_'.$m.'").style.display = "block";  '."\n";
        }
        ?>
        //});
    </script>
    <?php
}

它生成此站点源:

document.getElementById("#kategoria_szamitastechnika-1").style.display = "block";  
document.getElementById("#kategoria_szamitastechinkai-periferiak-2").style.display = "block";  
document.getElementById("#kategoria_laptop-notebook-tablet-3").style.display = "block";  
document.getElementById("#kategoria_terkovek-kerti-lapok-13").style.display = "block";  
document.getElementById("#kategoria_szorakoztato-elektronika-18").style.display = "block";  
document.getElementById("#kategoria_konzol-es-pc-jatekszoftver-19").style.display = "block";  
document.getElementById("#kategoria_asztali-szamitogep-20").style.display = "block";  
document.getElementById("#kategoria_kellekek-kiegeszitok-21").style.display = "block";  
document.getElementById("#kategoria_vezetek-nelkuli-eszkozok-22").style.display = "block";  
document.getElementById("#kategoria_lego-38").style.display = "block";  
document.getElementById("#kategoria_irodai-butorok-57").style.display = "block"; 

控制台错误:

Uncaught TypeError: Cannot read property 'style' of null

Answer 1

你试试这个。

function generateScript()
{
    ?>
    <script type="text/javascript">
        <?php
        foreach($this->modules  AS $m) {
            echo '   document.getElementById("kategoria_'.$m.'").style.display = "block";\n';
        }
        ?>
     </script>
    <?php
}