Heim > Artikel > Web-Frontend > So ersetzen Sie Seitenelemente durch Javascript

So ersetzen Sie Seitenelemente durch Javascript

青灯夜游Original: 2022-01-26 15:10:105912Durchsuche

In JavaScript können Sie die Methode replaceChild() verwenden, um Seitenelemente zu ersetzen. Die Funktion dieser Methode besteht darin, einen untergeordneten Knoten durch einen neuen Knoten zu ersetzen. Die Syntax lautet „übergeordneter Knoten.replaceChild (neuer Knoten, alter Knoten, der benötigt wird ersetzt werden)“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In Javascript können Sie die Methode replaceChild() verwenden, um Seitenelemente zu ersetzen. Die Methode

replaceChild() ersetzt einen untergeordneten Knoten durch einen neuen Knoten. Dieser neue Knoten kann ein vorhandener Knoten im Dokument sein oder Sie können einen neuen Knoten erstellen.

Syntax:

node.replaceChild(newnode,oldnode)

Parameter	Typ	Beschreibung
neuer Knoten	Knotenobjekt	Erforderlich. Das Knotenobjekt, das Sie einfügen möchten.
oldnode	Node-Objekt	erforderlich. Das Knotenobjekt, das Sie löschen möchten.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div><br />
		<button onclick="replaceMessage()"> 将加粗改为斜体</a>

			<script type="text/javascript">
				function replaceMessage() {
					var oldNode = document.getElementById("oldnode"); //提取老元素；
					var newNode = document.createElement("i"); //创建一个新的节点；
					newNode.innerHTML = oldNode.innerHTML; //把旧的oldnode内容赋值给新的newnode，要不然newnode是无内容，只是简单的改了个属性，把b变成了i，显示出来的是空；
					oldNode.parentNode.replaceChild(newNode, oldNode); //实现子节点(对象)的替换，返回被替换对象的引用；
				}
			</script>

	</body>
</html>

So ersetzen Sie Seitenelemente durch Javascript

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonSo ersetzen Sie Seitenelemente durch Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So ändern Sie den Eingabewert in JavascriptNächster Artikel：So ändern Sie den Eingabewert in Javascript

In Verbindung stehende Artikel

Mehr sehen