Javascript中有很多常用的方法和屬性，而其中之一就是dplaypre。它是用來控制HTML元素的顯隱狀態(tài)的，具體來說就是通過修改display屬性，將元素顯示或隱藏。下面我們來看看幾個(gè)常見的應(yīng)用場景。

首先，我們可以利用dplaypre來實(shí)現(xiàn)簡單的圖片輪播效果。比如我們有三張圖片，初始時(shí)只顯示第一張，點(diǎn)擊“下一張”按鈕后，第一張圖片隱藏，第二張圖片出現(xiàn)。點(diǎn)擊第二次按鈕，第二張圖片隱藏，第三張圖片出現(xiàn)。以此類推。代碼如下：

<div id="slider">
<img src="img1.jpg" alt="img1" style="display:block;">
<img src="img2.jpg" alt="img2" style="display:none;">
<img src="img3.jpg" alt="img3" style="display:none;">
</div>
<button onclick="next()">下一張</button>
<script>
const slider = document.getElementById('slider');
const imgs = slider.getElementsByTagName('img');
let index = 0;
function next() {
imgs[index].style.display = 'none';
index++;
if (index === imgs.length) {
index = 0;
}
imgs[index].style.display = 'block';
}
</script>

上面的代碼中，我們先獲取到了包含圖片的div元素和所有圖片，設(shè)置一個(gè)變量記錄當(dāng)前顯示的圖片序號(hào)。每次點(diǎn)擊按鈕時(shí)，將當(dāng)前顯示的圖片隱藏，序號(hào)加一，如果已經(jīng)到了最后一張，就將序號(hào)重置為0。然后顯示下一個(gè)圖片。

dplaypre還可以用來實(shí)現(xiàn)一些小動(dòng)畫效果。比如，我們希望鼠標(biāo)懸停在一個(gè)按鈕上時(shí)，按鈕會(huì)放大一點(diǎn)，移開時(shí)就縮小。代碼如下：

<button onmouseover="enlarge()" onmouseout="shrink()">按鈕</button>
<script>
const button = document.querySelector('button');
function enlarge() {
button.style.transform = 'scale(1.2)';
}
function shrink() {
button.style.transform = 'scale(1)';
}
</script>

上面的代碼中，我們通過鼠標(biāo)移入和移出事件來觸發(fā)放大和縮小效果。通過修改transform屬性，實(shí)現(xiàn)按鈕元素的形變動(dòng)畫。

總之，dplaypre是一個(gè)非常方便的屬性，可以讓我們輕松地控制元素的顯隱狀態(tài)，從而實(shí)現(xiàn)各種實(shí)用的功能和效果。希望這篇文章能夠幫助你更好地掌握它的應(yīng)用。