Jump to content
php.lv forumi

DOM apakškoka pārkopēšana


Kaklz

Recommended Posts

Googli pārraku, bet nez kāpēc neatradu, iespējams, ka ne tā meklēju.

 

Problēma teorētiski ir salīdzinoši vienkārša. Man ir kaut kāda XHTML struktūra, kuras vienu fragmentu gribu pārkopēt citur tajā pašā dokumentā izmantojot JavaScript.

 

Piemēram, ir dokuments:

<div id="source">
<a href="asdf">links</a>
<p>aaa<a href="asdf">links</a></p>
</div>

<div id="dest">

</div>

 

Tad nu gribu rezultātu:

<div id="source">
<a href="asdf">links</a>
<p>aaa</p>
</div>

<div id="dest">
<a href="asdf">links</a>
<p>aaa<a href="asdf">links</a></p>
</div>

 

Paldies jau iepriekš!

Link to comment
Share on other sites

Atvainojos, biju iedomājies, ka manis dotais piemērs ir tas pats, kas man ir vajadzīgs. Situācija ir nedaudz savādāka:

 

<body>
<div style="background-color: silver; border: 1px solid black;">
<a href="asdf">links</a>
<p>aaa<a href="asdf">links</a></p>
</div>

<script type="text/javascript">
bd = document.getElementsByTagName('div');
firstDiv = bd.item(0);

secondDiv = document.createElement('div');
secondDiv.setAttribute('style', 'background-color: red; border: 2px solid black');
secondDiv.innerHTML = firstDiv.innerHTML;
</script>
</body>

 

Tb. atšķirība ir tāda, ka otro <div> elementu es veidoju izmantojot createElement f-ju. Šajā momentā nez kāpēc vairs tevis dotais variants nestrādā.

Link to comment
Share on other sites

atrodi atšķirību, man iet IE/FF

<body>
<div style="background-color: silver; border: 1px solid black;">
<a href="asdf">links</a>
<p>aaa<a href="asdf">links</a></p>
</div>

<script type="text/javascript">
bd = document.getElementsByTagName('div');
firstDiv=bd.item(0)

secondDiv = document.createElement('div');
secondDiv.setAttribute('style', 'background-color: red; border: 2px solid black');
secondDiv.innerHTML = firstDiv.innerHTML;
document.body.appendChild(secondDiv)
</script>
</body>

Link to comment
Share on other sites

×
×
  • Create New...