0

一時的なリストアイテムを非表示にして、トグルボタンを再表示する方法は? 非表示のアイテムがある場合、これは ID で見つけることができますか?

function action(x) {
    var parag = document.getElementById("li" + x);
    if(parag.style.visibility = "hidden"){
        parag.style.visibility = "visible";
    }else{
        parag.style.visibility = "hidden";
    }
}

以下を使用しても機能しませんか？

<head>

<script type="text/javascript">

function action(x){ 
var parag=document.getElementById("li"+x); 
    if(parag.style.display=="none"){ 
        parag.style.display="block"; 
    }else{ 
        parag.style.display="none"; 
    } 
} 

</script>
</head>
<body>

<ul> 
     <li id="li1">Item1</li>
     <li id="li2">Item2</li>
     <li id="li3">Item3</li>
</ul>
<form name="myform"><input type="button" onclick="alert(document.myform.select.value);action(document.myform.select.value)" value="show/hide"/><label>
  <select name="select" id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</label></form>
</body>
</html>
4

1 に答える 1

0

最初のコードにエラーがあります:

if(parag.style.visibility="hidden"){

する必要があります

if(parag.style.visibility=="hidden"){

、それ以外の場合parag.style.visibilityは常にに設定されhidden、式は常にに評価されtrueます。

于 2012-06-20T08:22:04.030 に答える