javascript - 添加边框，如果它大于 js 中的数组 css

Question

谁能帮帮我，我有这段代码:

<?php $users= count($other_users); // result 3
$groups= count($test_invited_groups); // result 4
 ?>

<script type="text/javascript">
     var other_users= <?php echo json_encode($users ); ?>;
    var groups= <?php echo json_encode($groups ); ?>;
    if (groups > other_users) {
            document.getElementById('list_users').style.border-left = '1px solid red';
     }else{
            document.getElementById('list_users').style.border-left = 'none';  
     }

</script>

为什么边框没有显示我做错了什么……？有人……吗？

Answer 1

您的 Javascript 有误。 尝试使用 camelCase 编写样式属性。

document.getElementById('list_users').style.borderLeft = "1px solid red"

这是因为 Javascript 将 - 视为运算符，因此每个两个单词(或更多)的 CSS 属性都以驼峰式命名。