Javascript onmousedowntoggleDiv(切换 2 个 div？)

Question

所以我对 javascript 真的很陌生，如果我的生活依赖于它，我不会知道它的一行。不知何故，我设法让它发挥作用......

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

问题是我需要 2 个 div 来切换。我以为因为它们都有相同的 ID，所以会切换它们，但事实并非如此。我将第二个更改为在消息 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>