javascript怎么刪除meta標簽

發(fā)布時間：2021-09-16 16:37:23 來源：億速云閱讀：356 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細講解有關(guān)javascript怎么刪除meta標簽，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

刪除meta標簽的方法：1、利用removeChild()方法刪除，語法“meta元素對象.parentNode.removeChild(meta元素對象)”；2、利用remove()方法刪除，語法“meta元素對象.remove()”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

方法1、使用removeChild()方法刪除meta標簽元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" id="remove">
	</head>

	<body style="text-align:center;">
		<p style="font-size: 19px; font-weight: bold;">單擊按鈕刪除meta元素</p>
		<button onClick="Fun()">點擊這里</button>

		<p id="DOWN" style="color: green; font-size: 24px; font-weight: bold;"> </p>

		<!-- Script to remove HTML element -->
		<script>
			var down = document.getElementById('DOWN');
			var meta = document.getElementById('remove'); //獲取meta標簽元素對象

			function Fun() {
				meta.parentNode.removeChild(meta);
				down.innerHTML = "元素被刪除！";
			}
		</script>
	</body>
</html>

效果圖：

javascript怎么刪除meta標簽

方法2、使用remove()方法從文檔中刪除meta標簽元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" id="remove">
	</head>

	<body style="text-align:center;">
		<p style="font-size: 19px; font-weight: bold;">單擊按鈕刪除meta元素</p>
		<button onClick="Fun()">點擊這里</button>

		<p id="DOWN" style="color: red; font-size: 24px; font-weight: bold;"> </p>

		<!-- Script to remove HTML element -->
		<script>
			var down = document.getElementById('DOWN');
			var meta = document.getElementById('remove'); //獲取meta標簽元素對象

			function Fun() {
				meta.remove();
				down.innerHTML = "meta元素被刪除！";
			}
		</script>
	</body>
</html>

效果圖：

javascript怎么刪除meta標簽

關(guān)于“javascript怎么刪除meta標簽”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細節(jié)

javascript怎么刪除meta標簽

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽