find tags i tag

En måde:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function getListCount(fElementID)
{
    //fElementID.getElementsByTagName("li")
    alert(fElementID.getElementsByTagName("li").length)
}
//-->
</SCRIPT>

<ul id="test1">
    <li>fkjvfd</li>
    <li>fkjvfd</li>
    <li>fkjvfd</li>
</ul>

<ul id="test2">
    <li>fkjvfd</li>
    <li>fkjvfd</li>
    <li>fkjvfd</li>
    <li>fkjvfd</li>
    <li>fkjvfd</li>
</ul>

<input type="Button" value="1. klik" onClick="getListCount(document.getElementById('test1'));return false;"><br>
<input type="Button" value="2. klik" onClick="getListCount(document.getElementById('test2'));return false;"><br>

Nu har jeg ikke lige lavet en benchmark af det....

men burde node.Childen.length ikke være "bedst" om ikke andet en lille tand nemmere ;-)

dvs.

document.getElementById("test1").childNodes.length

det hele afhænger jo af om man skal have alle elementer af typen N eller bare ALLE elementer i children-laget ...

montago >>
Jo, det har du da ret i. Hvorfor fik jeg ikke den tanke :o)

Og hvis det også skulle gælde tags i tags i tags og tags i tags i tags i tags, så kan du bruge:

document.getElementById("test1").getElementsByTagName("*").length;

:P

hehe...
w13...

Jeg sad lige og kiggede efter X-Path modparten til "descendant", men den findes ikke... :-(

forstår ikke hvorfor XML-DOM ikke har lavet metoder til alle X-Path axes.

det værste er dog, at man ikke kan prototype sig til den uden at skulle HTC sig igennem ild og vand....

i Firefox:

HTMLElement.protoype.descendant = function(){
  return this.getElementsByTagName("*")
}

HTMLElement.protoype.descendantOrSelf = function(){
  return this.getElementsByTagName("*").push(this)
}

MUHAHAHAHA

Hehe. :) Ja.

Så bare lige med "t" foran "ype". =P

ihh... kan ikke få ..OrSelf() til at virke :-(
men den anden gør dog:

HTMLElement.prototype.descendant = function(){
  return this.getElementsByTagName("*")
}

byid("test1").descendant().length

@fennec

danke. kast svar for point.


og til jer andre; tak for hjælpen der er mange gode løsninger.

.o) <-- One Eyed Jack

<ole>

document.getElementById("test1").childNodes returnerer ikke child-elements, men child-nodes - dvs. også tekstnoder som f.eks. linjeskift (selvom browserne ikke er enige om fortolkningen).
    ELEMENT.getElementsByTagName("*");

- bør således ikke nødvendigvis resultere det samme som:
    ELEMENT.childNodes;

Mon ikke årsagen til, at XML-DOM'en ikke har metoder til alle X-Path axes, er nogenlunde tilsvarende den, som gør, at PHP ikke understøtter VBS-konstanter som f.eks. 'vbCrLf'?  =)

I den gamle HTML-DOM gav det rimelig mening at prototype på HTML-elementer (som jo var ganske alm. JS objekter) - men det giver ikke mening med XML-DOM, da der her ikke er tale om alm. JavaScript objects, men om DOMNodes. Derfor er det kun én browser, der tillader den slags

/mvh
</bole>

"Mon ikke årsagen til, at XML-DOM'en ikke har metoder til alle X-Path axes, er nogenlunde tilsvarende den, som gør, at PHP ikke understøtter VBS-konstanter som f.eks. 'vbCrLf'?  =)"


rimelig dårlig sammenligning...

pointen med XML-DOM er jo at give metoder til at traverse noderne, eller at selecte dem - derfor synes jeg at .descendant() mangler...

- og det skal jeg ikke forhindre dig i  =)