2013-07-10 42 views
17

Làm thế nào tôi có thể ẩn các yếu tố html bằng cách sử dụng javascript nếu tôi có trang html nàyyếu tố ẩn Html bằng cách sử dụng javascript

<body> 

<h1>test</h1> 

<div id="1" align="center" style="padding-top: 10%;" > 
<h1 style="color: #FFFFFF">fawazapp</h1> 
<p style="color: #C0C0C0;"> bbb</p> 
<p style="color: #FFFFFF;">aaaaaaaaa</p> 

</div> 

<div id="2" align="center" style="padding-top: 10%;" > 
<h1 style="color: #FFFFFF">fawazapp</h1> 
<p style="color: #C0C0C0;"> bbb</p> 
<p style="color: #FFFFFF;">aaaaaaaaa</p> 

</div> 

</body> 

tôi muốn để ẩn tất cả các yếu tố ngoại trừ div với id số 2 được trang như

này
<div id="2" align="center" style="padding-top: 10%;" > 
<h1 style="color: #FFFFFF">fawazapp</h1> 
<p style="color: #C0C0C0;"> bbb</p> 
<p style="color: #FFFFFF;">aaaaaaaaa</p> 

</div> 
+0

Câu hỏi của bạn hơi mơ hồ. Khi nào bạn muốn làm điều đó? Đó có phải là HTML hoàn chỉnh của trang của bạn không. Bạn sẽ muốn các DIV khác được hiển thị trở lại .. ?? Vân vân. Bạn có thể vui lòng cập nhật câu hỏi của mình bằng những câu trả lời này không? – mohkhan

+2

Điều này có liên quan gì với Xcode và iOS? – Ryan

Trả lời

22

Ngoài câu trả lời DevlshOne, bạn cũng có thể sử dụng css để làm cho nó không hiển thị:

var divOne = document.getElementById('1'); 
divOne.style.display='none'; 

Có sự khác biệt giữa hai người. Với khả năng hiển thị ẩn, không gian sẽ vẫn được div sử dụng, nhưng bạn không thể nhìn thấy nó. Với display = 'none', nó như thể nó không có.

Chọn cái tốt hơn cho bạn.

9

bạn sẽ cần t o sử dụng một cái gì đó như thế này:

document.getElementById("1").style.display = "none"; 
6

Các câu trả lời ở trên đều cơ bản chính xác, nhưng bạn cần phải biết sự khác biệt giữa display = "none" & visibility = "hidden". Với màn hình "none", phần tử được xóa khỏi bố cục của các phần tử trên trang. Với khả năng hiển thị "ẩn", phần tử vẫn chiếm không gian của nó, bạn chỉ không nhìn thấy nó nữa.

Các vấn đề liên quan