2013-07-10 87 views
1

非常简单,我想在我的页面上多次使用下面的代码来处理多个'boxes',那么当它被调用时如何传递参数,即调用隐藏(box1ID)会隐藏box1ID等等.....传递一个函数的参数

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; 
} 
+0

如果您问如何将参数传递给函数,那是非常基本的。这是我期望在阅读介绍性教程/书籍时学到的。我误解了你的问题吗? –

回答

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'); 
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'); 
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; 
} 
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; 
} 
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; 
} 

内联使用(我假设你使用内联,因为重新转为假)

<a href="#" onclick="return toggle('box1ID')">Toggle</a> 
相关问题