Comment supprimer une table en javascript-js tutoriel-php.cn

Comment supprimer une table en javascript

青灯夜游

Libérer： 2023-01-05 16:12:08

original

6975 Les gens l'ont consulté

Comment supprimer une table à l'aide de JavaScript : utilisez d'abord la méthode "document.getElementById()" pour obtenir l'objet élément de table et son objet élément parent ; puis utilisez l'objet "élément élément parent.removeChild (objet élément de table ; )" pour supprimer le formulaire Just.

Comment supprimer une table en javascript

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

Méthode Javascript pour supprimer une table :

Récupérer l'objet élément parent et l'objet table de la table
Utilisez la méthode Remove() pour supprimer l'objet table capable

Exemple de code :

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

	<body id="body">
		<table border="1" id="table">
			<tr>
				<th>name</th>
				<th>job</th>
			</tr>
			<tr>
				<td>灭绝师太</td>
				<td>PHP中文网高级讲师</td>
			</tr>
			<tr>
				<td>欧阳克</td>
				<td>PHP中文网讲师</td>
			</tr>
			<tr>
				<td>韦小宝</td>
				<td>PHP中文网初级讲师</td>
			</tr>
		</table>
		<p id="demo">点击按钮，删除table表格。</p>
		<button onclick="myFunction()">点击按钮</button>
	</body>
<script>
	function myFunction() {
		var body = document.getElementById("body");
		var table = document.getElementById("table");
		body.removeChild(table);
	}
</script>
</html>

Copier après la connexion

Rendu :

Comment supprimer une table en javascript

Remarque : La méthode

remove() peut être utilisée pour supprimer tous les éléments du nœud parent, y compris tous les nœuds de texte et enfants.

Méthodes pour trouver des éléments :

1. Obtenez des éléments en fonction de l'identifiant

document.getElementById("id属性的值");

Copier après la connexion

2. Obtenez des éléments en fonction du nom de la balise

document.getElementsByTagName("标签的名字");

Copier après la connexion

3. Obtenez l'élément en fonction de la valeur de l'attribut name

document.getElementsByName("name属性的值");

Copier après la connexion

4. Obtenez l'élément en fonction de l'attribut de classe

document.getElementsByClassName("类样式的名字");

Copier après la connexion

5. Obtenez l'élément en fonction du chemin CSS (. obtenez-en un)

document.querySelector("css路径");

Copier après la connexion

6. Obtenez des éléments basés sur le chemin CSS (obtenez un groupe)

document.querySelectorAll("css路径");

Copier après la connexion

[Apprentissage recommandé : Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!