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>
[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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
