Question

所以我对javascript很新，如果我的生活依赖于它，我就不会知道它的一部分。不知怎的，我设法让这个工作....

<a href="javascript:void(0)" onmousedown="toggleDiv(' , $message['id'] , ');">

问题是我需要2个div来切换。我想，因为他们都有相同的ID，所以它们都可以切换它们，但事实并非如此。我将第二个更改为＆＃34; dateline＆＃34;消息ID之后。不知道如何使这项工作，并真的很感激一手：）。

我不想使用jQuery。

被问到这个问题：

    echo '<script type="text/javascript">
            function toggleDiv(divid){
                if(document.getElementById(divid).style.display == \'none\'){
                    document.getElementById(divid).style.display = \'block\';
                    document.pageLoading.TCallLabel(\'/\',\'restart_function\');
                }
                else{
                    document.getElementById(divid).style.display = \'none\';
                }
            }
    </script>';

Answer 1

您不应在两个HTML元素上使用相同的ID。如果您需要共享选择器，则应使用类。然后你的脚本变成：

<script type="text/javascript">
        function toggleDiv(divClass){
            var divs = document.getElementsByClassName(divClass);
            for(var i = 0; i < divs.length; i++){
                if(divs[i].style.display == 'none'){
                    divs[i].style.display = 'block';
                    // Not sure what this is doing, you may want to move it outside of the loop
                    document.pageLoading.TCallLabel('/','restart_function');
                }else{
                    divs[i].style.display = 'none';
                }
            }
        }
</script>

Javascript onmousedown toggleDiv（切换2个div？）

1 个答案: