一个div里有多个a标签,改变a标签的字体颜色方法

<script type="text/javascript">
var all=document.getElementById("big");
var allDiv=all.getElementsByTagName("div");

for(var i=1;i<allDiv.length+1;i++){
allDiv[i-1].onmouseover=function(){
var alla=this.getElementsByTagName("a");
for(var ele in alla){
alla[ele].style.color="red";
}
}
allDiv[i-1].onmouseout=function(){
var alla=this.getElementsByTagName("a");
for(var ele in alla){
alla[ele].style.color=" ghostwhite";
}
}
}

时间: 2024-10-04 04:50:28

一个div里有多个a标签,改变a标签的字体颜色方法的相关文章

拖拽图片到另一个div里

HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #taa{width: 300px;height: 300px;background: #DEDEDE;} </style> </head> <body> <

JavaScript高级 面向对象(1)--添加一个div标签

说明(2017.3.28): 1. JavaScript是一种基于对象的多范式编程语言,不是面向对象,但离开对象不能活. 范式编程是指编程习惯.方式,分为过程式.对象式和函数式编程. 2. 面向对象是指,使用对象进行开发,面向对象是对面向过程的封装. 3. JavaScript面向对象的三个特点,抽象性.继承性和封装性. 抽象性是指,抽取出核心属性和方法,不在特定条件下不能确定对象的具体意义. 继承性是指,把我没有的属性和方法拿来使用,并变成自己的属性和方法. 封装性是指,把方法和属性打包成一个

【转】一个DIV+CSS代码布局的简单导航条

原文地址:http://www.divcss5.com/shili/s731.shtml 简单的DIV CSS代码布局实现导航条 一个蓝色主题的导航条布局案例,本CSS小实例,采用DIV CSS实现.同时不用图片做背景,直接使用背景色实现,鼠标经过悬停对应栏目名称是对应背景蓝色变深. 导航条部分效果截图 一般导航条采用ul li列表布局,这里也不例外DIVCSS5实例也采用列表标签ul li+ CSS布局. 一.布局思维思考   -   TOP 在实际DIV+CSS布局项目中,一般不会只使用一次

淘宝、京东等商城,集合到一个网页里

我见过一个页面里,同时放置多家搜索网站,这样可以方便比较不同的搜索结果.根据这个Idear,我做了一个可以放置多家知名商城的网页,一个纯静态的网页,手机版,包含9家网站,只有一个页面,为双十一剁手必备网页.添加链接在数组里加一行即可. PC版的就不放上来了. <!DOCTYPE html>     <html>         <head>             <meta charset="utf-8">             &l

js实现动态给一个div添加文本内容与简单的日历

js实现动态给一个div添加文本内容(即在文本框中输入一段文字,点击设置文字按钮实现将文本框中的文字添加到div中) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <style

a标签下的div,在浏览器, 怎么会跑到a标签外面?

编辑的原代码是在a标签里嵌套了div标签,可是在浏览器里面div标签却在a标签外面.导致问题出现的主要原因是:在a标签里面嵌套了a标签(a标签是不能相互嵌套的). 解决办法就是将a标签里嵌套的a标签去除即可.

文字或是子div在父div里垂直居中

只有一行文字的话,直接用line-hight可以解决. 有多行文字或是想要子div在父div里垂直居中: 首先要理解vertical-align: middle只在table属性中才会垂直居中,应用到display:inline-block元素的话就是和隔壁元素居中对齐. 方法一: 在div里增加一个隐藏子元素,高度为100%和父div一样,这样再设置vertical-align: middle的话子div就会和父div一样高的子元素垂直居中对齐. <style> .box{ float: l

css基础 给一个标记的后代中 指定的标签 或者指定标签的指定class名称 添加样式 (后代多级的)

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ex1: code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&

HTML4如何让一个DIV居中对齐?float输入日志标题

float:left,right clear:both 如何让一个DIV居中对齐? 第一步:设置外层的DIV的text-align:center; 第二步:设置里层的DIV的margin:auto 以上两个DIV都不要设置float.