So löschen Sie HTML-Elemente in JavaScript-js-Tutorial-php.cn

So löschen Sie HTML-Elemente in JavaScript

coldplay.xixi

Freigeben： 2023-01-03 09:31:45

Original

6048 Leute haben es durchsucht

So löschen Sie HTML-Elemente in JavaScript: 1. Löschen Sie den Knoten, der Code lautet [removeChild (oldNode)] 2. Löschen Sie die Option des Dropdown-Menüs des Listenfelds, der Code lautet [remove (long index)]; .

So löschen Sie HTML-Elemente in JavaScript

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

JavaScript-Methode zum Löschen von HTML-Elementen:

1. Knoten löschen

removeChild (oldNode): untergeordneten Knoten oldChild löschen

<body id="test">
<input id="add" type="button" value="增加" disabled onclick="add();"/>
<input id="del" type="button" value="删除"  onclick="del();"/>
<div id="target" style="width:240px;height:50px;border:1px solid black">
被控制的目标元素
</div>
<script>
var body = document.getElementById("test");
var target = document.getElementById("target");
var add = function(){
body.appendChild(target);
document.getElementById("add").disabled="disabled";
document.getElementById("del").disabled="";
}
var del = function(){
body.removeChild(target);
document.getElementById("del").disabled="disabled";
document.getElementById("add").disabled="";
}
</script>
</body>

Nach dem Login kopieren

Result

So löschen Sie HTML-Elemente in JavaScript

2. Löschen Sie die Option des Dropdown-Menüs des Listenfelds Zeile oder Zelle der Tabelle

deleteRow(long index): Lösche die Zeile am Index in der Tabelle

deleteCell(long index): Lösche die Zelle am Index einer Zeile

So löschen Sie HTML-Elemente in JavaScript

<body id="test">
<input id="opValue" type="text" />
<input id="add" type="button" value="增加"  onclick="add();"/>
<input id="del" type="button" value="删除"  onclick="del();"/>
<select id="show" size="8" style="width:180px"></select>
<script>
var show = document.getElementById("show");
var add = function(){
var op = new Option(document.getElementById(&#39;opValue&#39;).value);
show.options[show.options.length] =  op;
}
var del = function(){
if (show.options.length>0){
show.remove(show.options.length-1);
}
}
</script>
</body>

Nach dem Login kopieren

Result

Verwandte kostenlose Lernempfehlungen:
Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo löschen Sie HTML-Elemente in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!