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