HTML5刪除按鈕是一種非常實用的功能,它可以讓用戶在網頁中刪除不需要的元素,給用戶帶來更好的使用體驗。如何設置HTML5刪除按鈕呢?下面我們來介紹一下。
<!DOCTYPE html>
<html>
<head>
<title>HTML5刪除按鈕設置</title>
</head>
<body>
<h1>這是要刪除的元素</h1>
<p>這段文字可以通過HTML5刪除按鈕進行刪除</p>
<button onclick="del()">點擊刪除</button>
<script>
function del() {
document.getElementsByTagName('p')[0].remove();
}
</script>
</body>
</html>
在上面的代碼中,我們首先定義了一個需要刪除的元素,這里是一個h1標題和一段文字。接著定義了一個按鈕,通過onclick事件觸發del()函數。在函數中,我們使用了getElementsByTagName()函數獲取了文檔中的p標簽,然后使用remove()方法將該元素刪除。
需要注意的是,刪除按鈕要放在需要刪除的元素之后,否則獲取不到該元素。
這就是HTML5刪除按鈕的設置方法,非常簡單實用。大家可以根據自己的需要進行修改和擴展。