Archief - JS: DIV leegmaken

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

Dwayne

Legacy Member
Heeft iemand enig idee, hoe je met javascript een div terug volledig leeg maakt?
bijvoorbeeld:
<div id="specials" name="specials">
tekst
</div>

Hoe krijg ik de div, zijnde in dit geval, speciials, de tekst ervan weg?
i

ieps

Legacy Member
Dwayne zei:
Heeft iemand enig idee, hoe je met javascript een div terug volledig leeg maakt?
bijvoorbeeld:
<div id="specials" name="specials">
tekst
</div>

Hoe krijg ik de div, zijnde in dit geval, speciials, de tekst ervan weg?
Klik om te vergroten...

document.getElementById('specials').nodeValue = ' ';
D

Dwayne

Legacy Member
<script language="Javascript">
function addText(text) {
d = document.getElementById("d");
d.nodeValue = '';
d.innerHTML += text;
}
function interview() {
addText('<input type="text" name="ontwikkelaar"><br /><input type="text" name="game"><br />')
}
</script>
<div id="d"><p>Content</p>
<p>Further Elaborated</p>
</div>
<input type="submit" name="wow" value="wow" onclick="interview()">


=> mijn gedeelte werkt, maar om terug leeg te maken werkt niet....
=

=(X)=RaVen=

Legacy Member
in de div node zit een text-node dus doe
function f() {
var d = document.getElementById("d");
window.alert("Oorspronkelijke tekst: " + d.firstChild.nodeValue);
d.firstChild.nodeValue = "";
window.alert("Inhoud nu:--> " + d.firstChild.nodeValue + " <--");
}
<div id="d" onclick="f()">Dit is de tekst</div>
i

ieps

Legacy Member
inderdaad, beste raven heeft alweer gelijk. hij weet trouwens ook (maar vergat het te melden) dat innerHTML niet dom approved is, en niet werkt in iets van browser, mozille vermoed ik.
s

sSkoEziE

Legacy Member
ieps zei:
inderdaad, beste raven heeft alweer gelijk. hij weet trouwens ook (maar vergat het te melden) dat innerHTML niet dom approved is, en niet werkt in iets van browser, mozille vermoed ik.
Klik om te vergroten...
heb juist getest en werkt wel in firefox en is valid HTML 4.01 Transitional
L

Lashknife

Legacy Member
ieps zei:
inderdaad, beste raven heeft alweer gelijk. hij weet trouwens ook (maar vergat het te melden) dat innerHTML niet dom approved is, en niet werkt in iets van browser, mozille vermoed ik.
Klik om te vergroten...
innerHTML wel, innerTEXT niet (of innerText, dunno case sens vanbuiten want gebruik hem nooit)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan