Comment remplacer les éléments de la page par javascript-js tutoriel-php.cn

Comment remplacer les éléments de la page par javascript

青灯夜游

Libérer： 2022-10-12 17:46:30

original

5897 Les gens l'ont consulté

En JavaScript, vous pouvez utiliser la méthode replaceChild() pour remplacer des éléments de page. La fonction de cette méthode est de remplacer un nœud enfant par un nouveau nœud. La syntaxe est "nœud parent.replaceChild (nouveau nœud, ancien nœud dont vous avez besoin). à remplacer)".

Comment remplacer les éléments de la page par javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En javascript, vous pouvez utiliser la méthode replaceChild() pour remplacer les éléments de la page. La méthode

replaceChild() remplace un nœud enfant par un nouveau nœud. Ce nouveau nœud peut être un nœud existant dans le document, ou vous pouvez créer un nouveau nœud.

Syntaxe :

node.replaceChild(newnode,oldnode)

Copier après la connexion

Paramètres	Type	Description
newnode	Objet nœud	Obligatoire. L'objet nœud que vous souhaitez insérer.
oldnode	Objet nœud	obligatoire. L'objet nœud que vous souhaitez supprimer.

Exemple :

<!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>

Copier après la connexion

Comment remplacer les éléments de la page par javascript