请问一下以下这段代码是什么意思？

Question

function turnit(sss) {var ss = document.getElementById(sss);if (ss.style.display=="none") { ss.style.display="";}else {ss.style.display="none";}}一句一句的写出详细解释，谢谢！

Answer 1

function turnit(sss) {
//定义个叫\'turnit\'的函数,他接受SSS这么一个参数
var ss = document.getElementById(sss);
//定义一个SS, 等效于第一个用sss值做ID的对象
if (ss.style.display==\"none\") {
//如果那个对象的CSS样式里的 可见性为 \"否\"
ss.style.display=\"\";
//将那个对象设置为\"可见\".
}
else {
//反之
ss.style.display=\"none\";
//设为不可见
}
}
--------
这个函数通常用在网页的左菜单里.
显示/隐藏子菜单用的.
举例:
<span onClick=\"turnit(caidan2)文章管理</span>
<ul id=\"caidan2\" style=\"display: none;\">
<li><a href=\"??\">添加文章</a></li>
<li><a href=\"??\">删除文章</a></li>
<li><a href=\"??\">管理文章</a></li>
</ul>
连同你上面的那个函数一起保存成网页就可以看到效果.
函数要用<script></script>括住.

Answer 2

动态改变对应ID的显示状态和隐藏状态。