推荐于2018-04-22 · 知道合伙人互联网行家
freezing866
知道合伙人互联网行家
采纳数：145
获赞数：1032
六年网站开发经验，开发过的网站超过百个。擅长B2B、B2C、营销型网站开发。公司网址：www.wangyingshi.com
向TA提问 私信TA
关注
![]()
展开全部
如果用js控制，需要遍历HTML文档，提取最后的DIV，然后再加样式：
<script type="text/javascript">
$(document).ready(function(){
$("div").last().addClass('highlight'); //添加class
$("div").last().css("background", "red"); //直接添加样式
});
</script>
如果是css控制，需要在div里面添加class样式，或者写行内样式控制：
<div style="color:red" class="color">内容</div>
<style>
.color{color:red;}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var x=document.getElementsByTagName("div"); //返回对象集合
var lastDiv = x[x.length-1]; //length-1正好是最后一个元素的下标
var style = lastDiv.style; //获取style对象，操作就好了
var lastDiv = x[x.length-1]; //length-1正好是最后一个元素的下标
var style = lastDiv.style; //获取style对象，操作就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
div.hover{ font-size: 44px; color: #f00;}
</style>
</head>
<body>
<script type="text/javascript">
window.onload=function () {
var allDiv=document.getElementsByTagName("div");
var len= allDiv.length;
var lastDiv=allDiv[len-1];
lastDiv.className="hover";
}
</script>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
div.hover{ font-size: 44px; color: #f00;}
</style>
</head>
<body>
<script type="text/javascript">
window.onload=function () {
var allDiv=document.getElementsByTagName("div");
var len= allDiv.length;
var lastDiv=allDiv[len-1];
lastDiv.className="hover";
}
</script>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jquery可以按标签选择对象
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
引入jQuery。
$("div").last().css( propertyName, value ),//用这个语句即可
$("div").last().css( propertyName, value ),//用这个语句即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
