关于通过JS修改CSS值，我已经帮你定出来了，看代码：
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<!--JQ代码：JQ选择器$('.ttt p:eq(0)') 表示class="ttt"的子元素中的第一个P元素； $('.ttt p:eq(1)')表示第二个，依此类推。。。-->
<script type="text/javascript">
$(document).ready(function () {
$('.ttt p:eq(1)').css('float', 'left')
$('.ttt p:eq(2)').css('float', 'right')
})
</script>
<!--
如需加触发按钮就把上面的JQ代码换成
$(document).ready(function(){
$(".click").click(function(){
$('.ttt p:eq(1)').css('float', 'left')
$('.ttt p:eq(2)').css('float', 'right')
})
})
-->
<!--触发按钮-->
<div class="click">click</div>
<div class="ttt">
<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
</div>
</body>
</body>
</html>
代码是纯手写，请记得采纳，谢谢！
JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
基本选择器有ID选择器、类选择器、标签选择器、通用选择器，事件的添加方法如下：
$(...).事件名(function() { })
属性样式有：
$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")
$(...).attr(属性名,值)
$(...).html() innerHTML
$(...).text() innerText
$(...).val() value值
$(...).addClass() 增加
$(...).removeClass() 移除
$(...).toggleClass() 开关
如果你用了jQuery库，参考楼上的，否则用下面的代码：
function bj(){var divNodes = document.getElementsByTagName("div")
for(var i=0,j=divNodes.lengthi<ji++){
var divObj = divNodes[i]
if(divObj.className == "caa" || divObj.className == "cab") {
divObj.style.background = "url(xx.jpg) no-repeat fixed left top"
}
}
}
