So ersetzen Sie Seitenelemente durch Javascript-js-Tutorial-php.cn

So ersetzen Sie Seitenelemente durch Javascript

青灯夜游

Freigeben： 2022-10-12 17:46:30

Original

5897 Leute haben es durchsucht

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)“.

So ersetzen Sie Seitenelemente durch Javascript

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)

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!