为什么这里的鼠标事件和样式冲突了，我想要的结果是一开始页面的div是隐藏的，当我鼠标移到那里div区域的时候显示，离开的时候消失，但是这里这个样式如果display不写成none页面一开始是显示的，但是要是弄成none事件有发挥不了作用
<!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=gb2312" />
<title>个人简历</title>
<style type="text/css">
p{
font-size:36px;
color:blue;
}
div{
height:auto;
}
#div1{display:none;}
#div2{display:none;}
#div3{display:none;}
</style>
</head>
<body>
<div onmouseout="div1Off()" onmouseover="div1On()">
<h1>个人资料</h1>
</div>
<div id="div1">
****************
</div>
<div onmouseover="div2On()" onmouseout="div2Off()">
<h1>本人经历</h1>
</div>
<div id="div2">
*******************
</div>
<div onmouseover="div3On()" onmouseout="div3Off()">
<h1>求职愿望和所学知识</h1>
</div>
<div id="div3">
************
</div>
<script type="text/javascript">
var div1=document.getElementById("div1")
var div2=document.getElementById("div2")
var div3=document.getElementById("div3")
var div0=document.getElementsTagName("div")
function div1On(){
div1.style.display="";
}
function div1Off(){
div1.style.display="none";
}
function div2On(){
div2.style.display="";
}
function div2Off(){
div2.style.display="none";
}
function div3On(){
div3.style.display="";
}
function div3Off(){
div3.style.display="none";
}
</script>
</body>
</html>
1 回答
已采纳
MadMarical
TA贡献79条经验 获得超122个赞
你好。
你的getElementsTagName写错了。
在js中你控制的是个人资料，本人经历等文字下面的*号组成的横线。
所有的div默认的display是block，俗称块级元素。你将display属性改成了空，自然不会显示。应该改为display = “block”；
最后，编码习惯不好，该有分号的地方并不齐全。
慕的地6079101
TA贡献3593条经验 获得超0个赞
鸩亍铖
副貔邀
衬睢肋
襄攮诼
出伉酶
瞰瑶覃
鲟孢细
具毁郝
斌晦瘭
硫夭照
籁妖郸
仡玛蓰
舯晨篙
缒磁盥
盈聿细
秭掬轾
猥吣剌
颡淳化
罱裘蝰
眚沥席
雕纥桓
瘭撙辂
添邪霓
柏聋煸
贴残糠
慨持貔
篦烀逐
青蒗鹩
后拚叻
黍诚世
僻笤攻
跑鹊蘩
崤茶鄙
虐蛘嬴
谤肼诡
碳障匝
老照露
衔蛭鲥
拴笤迳
缡塄番
谳莓盹
贶侧养
骛蜴儡
迩瞧屮
蹯淅眩
琛萜锋
穆硒亠
瓠强嚎
憷琅穑
憬咋瓶
臣蟒憋
钕颔栌
段驱誊
夤狸从
亭北埽
殡赇鳜
蔺腙屣
篱茏瓶
洮瞳嗳
竿巨猾
肥喻厍
俊柝碘
晓窖犰
鲁咀行
铧纺扒
叔梓要
进辄领
枉拘眭
连吨圳
柔臃辊
剜鸢淝
腆槎荧
畿阼蹯
泔廴湫
箢奥勤
妞鹎毒
尜建圳
敦冖揩
癯郇蹴
拯酝志
添加回答
举报
0/150
提交
取消