JS如何选择CSS指定标签，并且对其CSS属性值进行修改
现在<divclass="ttt"><p>aaa</p><p>bbb</p><p>ccc</p></div>想用JS控制把.ttt里第二个p的样式改为float：left...
现在<div class="ttt">
<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
</div>
想用JS 控制 把 .ttt 里 第二个 p 的样式 改为 float：left 第三个P的样式该为 float：right
请大侠指教 用JS怎么写？ 用jquery怎么写？ 展开
<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
</div>
想用JS 控制 把 .ttt 里 第二个 p 的样式 改为 float：left 第三个P的样式该为 float：right
请大侠指教 用JS怎么写？ 用jquery怎么写？ 展开
3个回答
展开全部
关于通过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>
代码是纯手写，请记得采纳，谢谢！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('.ttt p eq(1)').css('float','right')
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="javascript">
var tttp = document.getElementsByClassName('ttt').item(0).getElementsByTagName('p');
tttp[1].style.float= 'left';
tttp[2].style.float= 'right';
</script>
var tttp = document.getElementsByClassName('ttt').item(0).getElementsByTagName('p');
tttp[1].style.float= 'left';
tttp[2].style.float= 'right';
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
