摘要：<!DOCTYPE html><html><head> <title>点击某个元素时改变另一个元素的属性该怎么做呢？</title></head><style type="text/css">.content{ width: 1300px; margin: 0 auto; background:
<!DOCTYPE html>
<html>
<head>
<title>点击某个元素时改变另一个元素的属性该怎么做呢？</title>
</head>
<style type="text/css">
.content{ width: 1300px; margin: 0 auto; background: pink; height: 600px; }
.content ul { list-style: none; }
.content ul li{ width: 300px; height: 300px; background: #ccc; border: 1px solid #fff; float: left;list-style: none;text-align: center; }
.cilck { line-height: 300px; font-size: 16px; }
.mynone{display: none;line-height: 300px; text-align: center; font-size: 16px;}
</style>
<body>
<script type="text/javascript">
//点击莫格元素时改变自己的属性的写法更具老师的写法我会写了。
// 但是我想实现鼠标点击时 隐藏第一个span 第二个span显示出来 该怎么实现呢
function mycontent(x){
//还有这里的点击一个元素时改变另一个的写法不知道怎么写了
x.style.display='block'
}
</script>
<div class="content">
<ul>
<!-- 这里的函数调用位置不知道写在哪里 -->
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
</ul>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2018-11-05 09:17:04
老师总结：代码写的还算是完整！但是缺少自己的总结！下次记得加上了哈！继续努力吧！
