首頁 > web前端 > js教程 > javascript怎麼刪除元素的hidden屬性

javascript怎麼刪除元素的hidden屬性

青灯夜游
發布: 2022-01-12 12:08:53
原創
6520 人瀏覽過

在javascript中,可以使用removeAttribute()方法來刪除元素的hidden屬性,該方法的作用就是刪除指定的屬性,語法「element.removeAttribute("屬性名稱")」。

javascript怎麼刪除元素的hidden屬性

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

hidden 屬性是布林屬性。

如果設定該屬性,它規定元素仍未或不再相關。

瀏覽器不應顯示已規定 hidden 屬性的元素。

hidden 屬性也可用來防止使用者查看元素,直到符合某些條件(例如選擇了某個複選框)。然後,JavaScript 可以刪除 hidden 屬性,以使此元素可見。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是一段可见的段落。</p>
<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>
</body>
</html>
登入後複製

javascript怎麼刪除元素的hidden屬性

那麼使用javascript怎麼刪除元素的hidden屬性?

在 JavaScript 中,使用元素的 removeAttribute() 方法可以刪除指定的屬性。用法如下:

element.removeAttribute(attributename)
登入後複製
  • 參數 attributename:表示元素的屬性名稱。

範例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<p>这是一段可见的段落。</p>
		<p id="hid" hidden="hidden">这是一段隐藏的段落。</p>
		<p>这是一段可见的段落。</p>
		<button id="btn">删除hidden属性</button>
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn").onclick = function() {
				my("hid").removeAttribute("hidden"); 
			}
		</script>
	</body>
</html>
登入後複製

javascript怎麼刪除元素的hidden屬性

#【相關推薦:javascript學習教學

以上是javascript怎麼刪除元素的hidden屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板