HTML頁面內的每個元素都可以通過JavaScript來訪問。DHTML的樣式屬性包含有可視性屬性，後者能夠讓你控制是否在頁面上顯示元素的內容。要做到這一點，你就要把屬性設定為可視或者隱藏。下面的句法能夠讓使用者通過JavaScript來訪問這個屬性：
document.element_name.style.visibility = "visible"
或者
document.element_name.style.visibility = "hidden";
真正的元素通過使用其ID屬性和JavaScript的getElementById方法就能夠輕易被找到：
document.getElementById("element name").style.visibility = "hidden";
要記住，HTML元素都被分配了ID屬性，用來在頁面裡區分它們。這就允許DHTML和JavaScript能夠定位並使用各個獨立的元素。下面的HTML樣本將不同的名稱分配給了HTML標題（header）的元素，並使用JavaScript來顯示和隱藏第二個標題：
<html>
<head>
<title>div test</title>
</head>
<body>
<h1
id="header1"
onMouseOver='document.getElementById("header2").style.visibility="hidden";'
onMouseOut='document.getElementById("header2").style.visibility = "visible";'>
Now you see it!
</h1>
<h2 id="header2">
Now you don't!
</h2>
</body>
</html>
這段代碼使用了第一個標題元素的onMouseOver和onMouseOut事件，用來顯示和隱藏第二個標題元素。要注意，通過ID屬性分配給第二個標題的名稱，是用來控制其在JavaScript裡可視程度的。
在一次只需要顯示文檔的一部分的時候，顯示和隱藏元素的方法是好處頗多的。它可以用於菜單、擴充／壓縮頁面的地區，以及其他等等。你可以對任何HTML的元素使用這個技巧，但是在處理頁面大塊地區的時候，DIV元素將是它的一個主要競爭者。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
