Hej Om jag inte minns helt fel så är det next- resp. previousSibling du är ute efter Tack för svaretDom i EI och FF. Hur ska jag komma åt html taggarna
Jag försöker lära mej lite mer om DOM och hur man använder det i EI och FF.
Min test sida serut såhär nu:
HTML:
<code>
<body onMouseover="taginfo(event);">
<form action="search.php" method="get" accept-charset="utf-8">
<div>
<label for="q">info </label><br>
<textarea rows="3" name="txtfelt" id="txttfelt"></textarea><br>
<input type="text" name="txtrad" id="txtrad">
</div>
</form>
<hr>
<ul>
<li>nivå 1</li>
<ul>
<li>nivå 1.1</li>
<li>nivå 1.2</li>
<ul>
<li>nivå 1.2.1</li>
<li>nivå 1.2.2</li>
<li>nivå 1.2.3</li>
</ul>
<li>nivå 1.3</li>
</ul>
<li>nivå 2</li>
<li>nivå 3</li>
<ul>
<li>nivå 3.1</li>
<li>nivå 3.2</li>
<li>nivå 3.3</li>
</ul>
<li>nivå 4</li>
<li>nivå 5</li>
</ul>
<hr>
</body>
</code>
(Denna webb sidan pellesoft här skriver till några klasser som jag inte skrivet skälv. min kod är med så lite finneser som möjligt)
Javascript:
<code>
function taginfo(e)
{
// anropas med onMouseover="taginfo(event);"
var objekt;
if (window.event)
{
// EI
objekt=window.event.srcElement;
}
else
{
// FF
objekt=e.target;
}
document.forms[0].txtfelt.value=objekt.tagName;
}
</code>
_____
Och detta fungerar bra, jag ser vilken tag jag har musen över.
Nu till frågan.
Jag skulle vilja kunna nå taggen som är före och efter den jag håller musen över.
Jag har hittat kod för att nå perent och child men det är inte det jag menar.
Tacksam för svar och tips om sidor som förklarar DOM för EI och FF
TorgnySv: Dom i EI och FF. Hur ska jag komma åt html taggarna
Sv:Dom i EI och FF. Hur ska jag komma åt html taggarna
Men jag får det inte att fungera klockrent. Jag får ofta att den är undefinde på taggen före och efter.
child får jag inte att fungera överhuvud taget inte.
<code>
function taginfo(e)
{
// anropas med onMouseover="taginfo(event);"
var objekt;
var tagtxt;
if (window.event)
{
// EI
objekt=window.event.srcElement;
}
else
{
// FF
objekt=e.target;
}
tagtxt="Musen är över taggen: " + objekt.tagName +"\n";
tagtxt=tagtxt + "Parent är: " + objekt.parentNode.tagName + "\n";
//tagtxt=tagtxt + "child är: " + objekt.childNode.tagName + "\n";
tagtxt=tagtxt + "Föregående tag är: " + objekt.previousSibling.tagName + "\n";
tagtxt=tagtxt + "Nästa tag är: " + objekt.nextSibling.tagName + "\n";
document.forms[0].txtfelt.value=tagtxt;
}
</code>
MVH
Torgny