자바스크립트 표시/숨기기, html 요소 생성/삭제 사용 예에 ​​대한 자세한 설명

표시/숨기기

1. js 함수를 작성합니다.

<script type="text/javascript"> 
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} 
function $(s){return document.getElementById(s);} 
</script>

2. 표시하거나 숨길 html 요소에 id 속성을 추가합니다.

<table> 
<tr id="menu" > 
<td>控制这个tr的显示/隐藏</td> 
</tr> 
</table>

3. js 함수를 실행하기 위해 버튼, 링크 등을 추가합니다.

<input type="button" onclick="display(&#39;menu&#39;)" value="显示/隐藏"/> 
<a href="#" onclick="display(&#39;menu&#39;)" >显示/隐藏</a> 
javascript显示隐藏层<div id="layer" style="display:none;">广告</div> 
<input type="botton" onclick="display(layer)">

2: 두 가지 방법 페이지 컨트롤의 숨겨진 표시를 제어하는 ​​javascript
페이지 컨트롤의 숨기기 및 표시를 제어하는 ​​JavaScript의 두 가지 방법은 컨트롤이 숨겨진 후에도 페이지에서 공간을 차지하는지 여부입니다.
방법 2:

document.all["PanelSMS"].style.visibility="hidden"; 
document.all["PanelSMS"].style.visibility="visible";

방법 1 이후의 페이지 위치는 여전히 컨트롤에 의해 점유되어 있지만 표시되지 않습니다.
방법 2: 숨긴 후의 페이지 위치는 점유되지 않습니다. /Delete

div 요소를 만들고 싶다면.

1. DOM 객체를 사용하여 생성:

document.createElement('div') 메소드를 사용하여 요소를 생성합니다.

2. JQuery를 사용하여 생성:

$('

New element create by JQuery

') 메소드를 사용하여 요소를 직접 생성합니다.

ID가 'div2js'인 div 요소를 삭제해야 하는 경우.

1. DOM 객체 사용하기

먼저 삭제된 요소의 상위 요소를 찾고, 상위 요소를 통해 삭제해야 할 하위 요소를 삭제해야 합니다.

document.all["PanelSMS"].style.display="none"; 
document.all["PanelSMS"].style.display="inline";

2. JQuery

를 사용하여 직접 찾아 삭제하세요.

var el = document.getElementById('div2js');
 el.parentNode.removeChild(el);

마지막으로 예시를 살펴보겠습니다

$('#div2js').remove();

위 내용은 자바스크립트 표시/숨기기, html 요소 생성/삭제 사용 예에 ​​대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!