<script type="text/javascript">
function showHide(obj)
{
obj.nextSibling.style.display =
obj.nextSibling.style.display == "block"?"none":"block";
}
</script>
谁帮忙解释一下JS代码啊?
function showHide(obj)
{
obj.nextSibling.style.display =
obj.nextSibling.style.display == "block"?"none":"block";
}
</script>
谁帮忙解释一下JS代码啊?
至于?:三元运算符等同if else
obj.nextSibling.style.display =
obj.nextSibling.style.display == "block"?"none":"block";这里应该是一句
obj.nextSibling.style.display =obj.nextSibling.style.display== "block"?"none":"block";
如果obj.nextSibling.style.display的属性值为block则将其设为none,否则设为block
三元表达式中,condition ? value if true; value if false;
=
<script type="text/javascript">
function showHide(obj)
{
if( obj.nextSibling.style.display=='block')
obj.nextSibling.style.display='none'
else
obj.nextSibling.style.display='block'
}
</script>
function showHide(obj)
{
obj.nextSibling.style.display == "block"?"none":"block";
}
</script>
nextSibling 属性可返回某个元素之后紧跟的元素(处于同一树层级中)。
如果无此节点,则属性返回 null。注意浏览器对js的要求不同。nextSibling 方法返回的结果也不通。
"block"?"none":"block";是三元运算符 表示如果obj近邻的元素的样式是“block”的话,就重新改写为“none”,不然的话“block”。
如果js写的严谨的话最好判断下obj.nextSibling返回的类型。不用的浏览器是不同的。
<script type="text/javascript">
function showHide(obj)
{
obj.nextSibling.style.display = //obj.nextSibling返回obj的下一个兄弟节点,也就是同一级的兄弟节点
obj.nextSibling.style.display == "block"?"none":"block";//当obj的下一个兄弟节点如果是block就让它none,如果不是那就是none,则让它block
}
</script>