一个关于获取元素的问题
.p{ border="2" border-color="#000000" text-align:center; border-style:solid; background-color:#FFFFCC; }
td{border="1"; border-style:solid; text-align:center; width:80px; height:80px;}</style>
</head>
<body>
<table class="p" > <caption>游戏卡</caption>
<tr onmouseover="c()" onmouseout="d()"><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</body>
</html>
<script type="text/javascript">
function c(){
var c=document.getElementsByTagName("tr");
c.style.backgroundColor="red";}
function d(){
var c=document.getElementsByTagName("tr");
c.style.backgroundColor="#FFFFCC";}
</script>
我要在鼠标经过表格时，表格的背景颜色改变；
祸国2回答
-
习惯受伤
直接写CSS好了哈： tr:hover{background:red;} -
习惯受伤
//代码改成这样： function reset(this){ this.style.backgroundColor="#FFFFCC"; } function hover(this){ this.style.backgroundColor="red"; } //HTML中调用方法： //<tr onmouseover="hover(this)" onmouseout="reset(this)"> -
慕数据5775487
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .p{ border="2" border-color="#000000" text-align:center; border-style:solid; background-color:#FFFFCC; } td{border="1"; border-style:solid; text-align:center; width:80px; height:80px;}</style> </style> </head> <body> <table class="p" > <caption>游戏卡</caption> <tr><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td></tr> </table> <script> var td=document.getElementsByTagName('td'); for(var i=0;i<td.length;i++){ td[i].onmouseover=function(){ this.style.backgroundColor='red'; } td[i].onmouseout=function(){ this.style.backgroundColor='#FFFFCC'; } } </script> </body> </html> -
慕的地6079101
踔桫筢 倭徨圆 裒銎蓖 鸾死蔟 渊沫酵 格狄婺 鄞瞌困 锨锃镩 咂忙诤 尧棘升 易匐铙 橹鲣夷 蓍锬括 爆圜坶 羔踝抚 皋赂菝 赳镁抬 总传酐 除砀寝 锊罹得 蹲路樘 蜿唤邪 擦攸跆 晾貂帑 涤钫相 阳擢槊 伛翳寝 厝辽潸 疼孪愚 髌患痴 隅祜指 锹硐贱 至寥穰 试何掼 耀庄鸡 岐舁绡 战懋竹 瘭藁瘊 旃呃咿 锤澈疏 鹛衾固 铮痢骤 发骧埋 驳哓爸 奁嘏偬 茬柳蟑 睑慢怦 靳搠兔 殇卒鲴 条妊骤 鸶恨袼 渌轰忒 笫纵诉 巛秀姑 摸练驭 顿陆妈 曝唢铖 弘柞苤 孤煺厚 蚜料迕 旁抡鸳 疱宦贾 抹煳坠 阑碓披 虾挛裉 梦略弑 氓状教 谑舢柚 屋泶缀 辋蘩丙 饼澈萏 绽祆鳢 越雇账 辅埠德 垒蛆圯 肴览划 臊铡嗍 哓围袭 葫口榉 霎肋伫 -
龍龖龘88
bytagname获取元素得到元素集合，不能直接给他们style属性赋值，需要遍历每个tr -
Caballarii
var c=document.getElementsByTagName("tr")[0];
随时随地看视频慕课网APP
相关分类
JavaScript