Javascript 如果js中的数组css较大，则添加边框

有人能帮我吗，我有这个密码：

<?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>

var其他_用户=；
var组=；
如果（组>其他用户）{
document.getElementById（'list_users'）。style.border-left='1px实心红色'；
}否则{
document.getElementById（'list_users'）。style.border-left='none'；
}

为什么边界没有显示我做错了什么。。？有人吗？

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

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

---

这是因为Javascript将

-

视为一个运算符，因此每两个单词（或更多）的CSS属性都是用camelCase编写的。

您需要将

左边框

更改为

左边框

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

在Javascript中，属性应使用camelCase编写。减号

-

被视为运算符

<?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.borderLeft = '1px solid red';
    } else {
        document.getElementById('list_users').style.borderLeft = 'none';
    }

</script>

var其他_用户=；
var组=；
如果（组>其他用户）{
document.getElementById（'list_users'）。style.borderLeft='1px实心红色'；
}否则{
document.getElementById（'list_users'）.style.borderLeft='none'；
}

borderLeft改为。。。顺便问一下，您应该得到JS error这些值/us的确切含义是什么：

groups>other_user

？这些数字是多少？如果它们是数组，您应该正确地使用与之相关的东西。因为这里的PHP部分是不相关的，所以从呈现的页面发布实际值。将问题隔离到一个我们可以测试/使用的可重复性最低的示例中是获得好答案的最佳方式。您还应该解释您的更改，而不仅仅是发布整个代码。