Bild von Div 1 zu Div 2
- Themenstarter Nuka
- Beginndatum
Sven Mintel
Mitglied
1. Eine Kopie des Bildes erstellen per cloneNode()
2. Diese Kopie per appendChild() in div#2 einfügen
3. Bild per removeChild() aus div#1 entfernen
Infos zu den genannten Methoden findest du bei SelfHTML
2. Diese Kopie per appendChild() in div#2 einfügen
3. Bild per removeChild() aus div#1 entfernen
Infos zu den genannten Methoden findest du bei SelfHTML
Nuka
Mitglied
Danke für diesen Super-Tip
, aber irgendwie bekomme ich das mit den Bilder nicht hin!
, aber irgendwie bekomme ich das mit den Bilder nicht hin!
HTML:
function wechseln(){
item1 = document.getElementById("item").cloneNode(true);
document.getElementById("item").appenChild(item1.firstChild.nodeValue);
document.getElementById("item").removeChild(document.getElementById("item").firstChild);
}
Zuletzt bearbeitet:
Sven Mintel
Mitglied
probiers mal so:
... bei appendChild() fehlt bei dir das "d" 
.
weiterhin hängst du das Bild in das selbe div ein, aus welchem du es nachher wieder entfernst.
dabei ist wichtig: wenn die einen Kindknoten per firstChild ansprichst, darf sich zwischen Elterknoten und Kindknoten(hier zwischenn <div> und <img>) nichts befinden, nicht mal ein Leerzeichen.
Code:
<script type="text/javascript">
<!--
function wechseln(){
objBild = document.getElementById('item1').firstChild.cloneNode(true);
document.getElementById("item2").appendChild(objBild);
document.getElementById("item1").removeChild(document.getElementById('item1').firstChild);
}
//-->
</script>
</head>
<body>
<div id="item1"onclick="wechseln()"><img src="bild.jpg"></div>
<div id="item2"></div>weiterhin hängst du das Bild in das selbe div ein, aus welchem du es nachher wieder entfernst.
dabei ist wichtig: wenn die einen Kindknoten per firstChild ansprichst, darf sich zwischen Elterknoten und Kindknoten(hier zwischenn <div> und <img>) nichts befinden, nicht mal ein Leerzeichen.
