更改按类选择的元素的CSS

时间:2017-03-24 16:40:39

标签: javascript php css

我有一些代码可以检查网站的网址是否是特定的品牌名称,然后根据品牌更改CSS样式的颜色。这是我到目前为止所得到的:

<?php
$URL = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
if (strpos($URL, 'brandName') !== false){
    echo "<script>
        jQuery( document ).ready( function () {
            var navbar = document.getElementsByClassName('navbar-default');
              for(i=0; i<navbar.length; i++) {
                navbar[i].style.border-bottom = '#ff6600 solid 5px';
              } 
        } );
    </script>";
}
?>

我一直收到错误:

  

未捕获的ReferenceError:分配中的左侧无效

我不确定是什么问题。

1 个答案:

答案 0 :(得分:0)

只是为了整洁 - 假设这是在&#34;视图&#34;类型文件。如果在进入JS之前突破PHP,它会更容易阅读:

<?php if(strpos($_SERVER['REQUEST_URI'], 'brandName') !== false): ?>
<script>
$(document).ready(function() {
    $(".navbar-default").each(
        $(this).css({"border-bottom" : "5px solid #f60"});
    );
});
</script>
<?php endif; ?>

PHP为模板提供了理想的替代<?php if(): ?> ... <?php endif: ?>语法。