首頁  >  文章  >  web前端  >  javascript怎麼移除屬性

javascript怎麼移除屬性

青灯夜游
青灯夜游原創
2021-04-08 14:57:058034瀏覽

移除方法:先取得指定DOM對象,然後使用removeAttribute()方法來移除屬性;語法格式「DOM物件.removeAttribute(元素的屬性名稱)」。 removeAttribute()方法可以刪除具有指定名稱的屬性。

javascript怎麼移除屬性

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

在javascript中,可以利用removeAttribute() 方法來刪除屬性。

removeAttribute() 方法可以刪除具有指定名稱的屬性,無回傳值。

語法:

element.removeAttribute(attributename)

參數attributename:要移除的屬性的名稱,不可省略。

範例:刪除 header 元素的 style 屬性

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>删除 header 元素的 style 属性</title>
	</head>

	<body>

			<h1 style="color:red">Hello World</h1>

			<p id="demo">点击按钮来删除标题中的 style 属性。</p>

			<button onclick="myFunction()">试一下</button>

			<script>
				function myFunction() {
					document.getElementsByTagName("H1")[0].removeAttribute("style");
				}
			</script>

		</body>

</html>

效果圖:

javascript怎麼移除屬性

推薦學習:javascript高級教程

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn