问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

如何控制网页里最后一个div的样式?js控制 或者css直接控制

发布网友 发布时间:2022-04-24 12:50

我来回答

5个回答

热心网友 时间:2022-04-24 14:19

如果用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>

热心网友 时间:2022-04-24 15:37

var x=document.getElementsByTagName("div"); //返回对象集合
var lastDiv = x[x.length-1]; //length-1正好是最后一个元素的下标
var style = lastDiv.style; //获取style对象,操作就好了

热心网友 时间:2022-04-24 17:12

<!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>

热心网友 时间:2022-04-24 19:03

jquery可以按标签选择对象

热心网友 时间:2022-04-24 21:11

引入jQuery。
$("div").last().css( propertyName, value ),//用这个语句即可
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
焦作有哪些旅行景点值得一去? 河南穿古装去的地方 AE入门从学会套模板开始,AE模板套用简易教程,看起来复杂的AE其实也很... ae怎么套用模板ae模版的使用方法 北京通州区有什么好玩的地方吗 请问现在有哪些看电影的网站?越多越好~~ 帮初中女儿请假一天讲身体不适,班主任却跟别的老师讲她得了大病,该如何... 梦见家中被盗空只剩一件绿色衣的预兆 梦见美丽沙穗 美版4s内置卡贴有什么危害? 如何利用添加好友 怎样通过添加好友 怎么搜索加好友 关于火影忍者的问题~~~ 为什么用天天模拟器卡到99就不会动了 NEORAGE模拟kof99无法调节难度。 通过怎么添加好友 Protel 99 里有没有电路模拟仿真这个功能? 现在wii模拟器 都模拟的99%了 还买wii 有什么意思!! 模拟人生99版 补丁秘籍 拳皇99的rom文件怎么用 用模拟器怎么运行 PSP拳皇94-99模拟器.还可以在往里面安装游戏么 如何安装拳皇99的模拟器? 有没有就是KOF99的模拟器,安一个键就必杀的,kawaks1.48,我记得以前有过,但是忘了在什么地方下的了 拳皇99 用什么模拟器 拳皇99模拟器怎么选八神啊··街机上的方法行不通啊 知道别人的,怎么在微信上加啊?急急 微信新版本怎么通过加对方好友? 【咨询求助】BATA 品牌的鞋子 bata鞋子穿多次洗后奇臭无 知道怎么加好友 怎么通过加好友 怎么加好友 想问一下香港7周亲子鉴定,老婆已经怀孕一个月了 怎么加好友 怎么添加好友 怎么通过添加好友 陌生人怎么通过我的添加我为好友的? 怎么搜索好友 用友erp应收应付管理系统已经做完了关闭电脑,但是重新打开电脑之前录入的信息? 如何用加好友 金蝶erp 做到应收应付系统还可以改之前审核了的采购订单吗? 通过怎么添加好友? 公司ERP有应收应付模块, 收到承兑票据后怎么操作? 应收票据受控系统设为应收系统,这个有没有设错? erp系统中,不属于应收系统的是 想自己开发做人脸识别 ,难吗 你也不必装冷淡.的拼音怎么写? 必须反义词是不必吗 不必诉说用一个成语怎么来说? 大可不必反义词