1

非常に単純に、ページでいくつかの「ボックス」に対して次のコードを数回使用したいので、呼び出されたときに引数を渡すにはどうすればよいですか。

function conceal() {      
        if(document.getElementById('box1ID').style.display=='block') {
          document.getElementById('box1ID').style.display='none';
        }
        return false;
    }  

function show() {
    if(document.getElementById('box1ID').style.display=='none') {
      document.getElementById('box1ID').style.display='block';
    }
    return false;
}
4

5 に答える 5

2

それは非常に簡単です。それを書いて含めるだけです...

    function conceal(element) {      
        if(document.getElementById(element).style.display=='block') {
          document.getElementById(element).style.display='none';
        }
        return false;
    }  

    function show(element) {
        if(document.getElementById(element).style.display=='none') {
          document.getElementById(element).style.display='block';
        }
    return false;
    }

Call it like so:
conceal('box1ID');
于 2013-07-10T13:49:16.520 に答える
1

何が必要なのかわからない。このようなものですか？

function conceal(boxId) {      
        if(document.getElementById(boxId).style.display=='block') {
          document.getElementById(boxId).style.display='none';
        }
        return false;
    }  

function show(boxId) {
    if(document.getElementById(boxId).style.display=='none') {
      document.getElementById(boxId).style.display='block';
    }
    return false;
}




show('box1ID');
conceal('box1ID');
于 2013-07-10T13:52:08.080 に答える
1

こんな感じですか？

function conceal(boxID) {      
    if(document.getElementById(boxID).style.display=='block') {
      document.getElementById(box1ID).style.display='none';
    }
    return false;
}

と

function show(boxID) {
    if(document.getElementById(boxID).style.display=='none') {
      document.getElementById(boxID).style.display='block';
    }
    return false;
}
于 2013-07-10T13:49:29.607 に答える
1

ここでいくつかのコードを保存します

function showhide(id,show) {      
  document.getElementById(id).style.display=show?'block':'none';
  return false;
}

インラインでの使用 (false が返されるため、インラインで使用すると仮定します)

<a href="#" onclick="return showhide('box1ID',true)">Show</a>
<a href="#" onclick="return showhide('box1ID',false)">Hide</a>

使用を切り替えるには

function toggle(id) {      
  document.getElementById(id).style.display=document.getElementById(id).style.display=="block"?"none":"block";
  return false;
}

インラインでの使用 (false が返されるため、インラインで使用すると仮定します)

<a href="#" onclick="return toggle('box1ID')">Toggle</a>
于 2013-07-10T13:55:14.263 に答える
0 
<input type="Button" onclick="conceal(this.id)"/>

Javascript:

function conceal(buttonId) {      
    if(document.getElementById('+buttonId+').style.display=='block') {
      document.getElementById('+buttonId+').style.display='none';
    }
    return false;
}
于 2013-07-10T13:51:26.843 に答える