자바 스크립트 함수에서 매개 변수를 전달 하시겠습니까?

Question

javascript developpement의 새로운 기능 im은 특정 마우스 이벤트 이후에 특정 텍스트를 숨기거나 표시하려고합니다.이 스팬의 ID를 내 함수에 전달하려고합니다. 이것은 내 스크립트입니다 이 경우 "SP1은"난 내 함수에서 ID를 전달하려는하지만 경우에만 특정 ID이 내 HTML 코드의 일부 parametres

<script>function myOverFunction() { 
document.getElementById("sp1").style.visibility = 'visible';} 
function myOutFunction() { 
document.getElementById("sp1").style.visibility = 'hidden';} 

및

<div id="lg1"onmouseover="myOverFunction()" onmouseout="myOutFunction()"></div> 
<center> 
<div> 
<span id="sp1" style="visibility: hidden;" >Current Value :70 <br>Target :80 <br> 
<div class="label label-blue">In progress 90%</div> 
</span> 
</div> 
</center> 

Answer 1

매개 변수를 이와 같은 함수에 전달하는 것은 html에 코드를 묶는 데 사용한 것에 따라 작은 따옴표 나 큰 따옴표를 사용하여 수행 할 수 있습니다.

<div id="mydiv" onclick="myFunction('mydiv');"></div> 

이렇게하는 것이 실제로 최선의 방법은 아닙니다.

"myFunction"이 onclick 이벤트에 의해 시작되면 기본적으로 e (이벤트) 매개 변수가 전달됩니다. 여기에는 발생한 이벤트에 대한 많은 정보가 포함되어 있습니다. 따라서 요소를 사용하여 id 요소를 찾을 수 있습니다.

function myFunction(e) { 
    e = e || window.event; 
    alert(e.target.getAttribute("id")); 
} 

그리고 당신의 HTML이 될 것 ...

<div id="myDiv" onclick="myFunction()"></div> 

편집 : 하나의 토글 기능

에

조금 더 질문을 보면, 당신이 결합 할 수 있습니다, 그리고 두 가지 기능

function toggleVisibility(e) { 
    e = e || window.event; 
    if (e.target.style.visibility == "visible") { 
     e.target.style.visibility = "hidden"; 
    } else { 
     e.target.style.visibility = "visible"; 
    } 
} 

onmouseover 및에 대해 동일한 기능을 호출 할 수 있습니다. 어떤 요소에서 visibility 속성을 제공하는은 null이 아닙니다 (기본값으로 볼 수 있습니까? 조금 추측해라.) ​​