Javascript 更改类所选元素的CSS
我有一些代码来检查网站的URL是否是一个特定的品牌名称，然后根据品牌更改CSS样式的颜色。到目前为止，我得到的是：Javascript 更改类所选元素的CSS,javascript,php,css,Javascript,Php,Css,我有一些代码来检查网站的URL是否是一个特定的品牌名称，然后根据品牌更改CSS样式的颜色。到目前为止，我得到的是： <?php $URL = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; if (strpos($URL, 'brandName') !== false){ echo "<script> jQuery( document ).ready( function () {
<?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>";
}
?>
只是为了整洁-假设这是一个“视图”类型的文件。如果在进入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; ?>
$（文档）.ready（函数（）{
$（“.navbar默认值”）。每个(
$（this.css（{“border bottom”：“5px solid#f60”}）；
);
});
PHP提供了另一种语法是模板的理想选择。边框底部
不是有效的JS对象属性标识符。您可以使用borderBottom
作为CSS属性的替代品……使用类更新样式更好，IMO.CSS:.someClass{border bottom:#ff6600 solid 5px}
…JS:navbar[i].classList.add（“someClass”）
如果您已经在使用jQuery，那么为什么不使用jQuery选择器和.CSS
？e、 g.$（“.navbar default”）.each（function（）{$（this）.css（{“border bottom”：“5px solid#f60”}）谢谢斜视。永远也不会注意到边界底部的东西。不知道有什么不同@CD001-我正在查找其他人构建的代码，这似乎更快更容易，谢谢，我将切换到您提供的代码。