자바스크립트, style 블럭처리 display none,block,inline

1)

jQuery로 이용 하는 방법

 

$("#아이디").hide();

$("#아이디").show();

 

그런데...

다른 사람 컴퓨터에서는 숨기는건 됐는데 다시 보여주는게 안먹었다....

그래서 2) 방법으로

 

2)

아래처럼 사용을 하면 자바스크립트로 div,tr, td, button 등 블록처리가 가능하다.

 

document.getElementById('아이디').style.display="block";
document.getElementById('아이디').style.display="none"; 

 

그런데...

버튼이 나란히 옆으로 나와야 하는데

숨겨져있던 버튼이 다시 나오면서 버튼 밑으로 보여지는 현상이...

그래서 3) 방법으로

 

3)

div로 처리하면 버튼이 텍스트박스 아래로 내려가는 경우가 있는데 그럴때는 다른방법으로~

div대신 <span>태그로 버튼을 만들고 처리를 하면 된다. 대신 inline으로.

 

     <span id="아이디" style="display: none;">
      <button onclick="aaa()">검색</button>
     </span>

 

document.getElementById('아이디').style.display="inline";
document.getElementById('아이디').style.display="none";