用简单的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"; 

控制台中的错误：

未捕获的类型错误： 无法读取 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
}

Answer 2

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

你可以用这个替换$(document).ready(function(){...});作为本机 JS 代码：

(function() {
})();

Answer 3

document.getElementById（） 不需要符号 #，那么：

替换document.getElementById("#kategoria_szamitastechnika-1") 对于document.getElementById("kategoria_szamitastechnika-1")