[Javascript] Code optimization

[Terry Riegel]

Ok,

I figured out how to reference the IMG tag. Duh, the code was very  
easy to change on that point. Now how to reference the text?


for (iItem = 0; iItem < aItems.length; iItem++)
{
    // get array of images in the list item
    var aImages = aItems[iItem].getElementsByTagName("IMG");
    // apply behaviors to the image link
    if (aImages[0])
     {
     aImages[0].onclick = jsOpenDir;
     }
}







On Aug 14, 2006, at 2:27 PM, Terry Riegel wrote:

>>         // get array of all list items
>>         var aItems = document.getElementsByTagName("LI");
>>
>>                 // bail if not found
>>                 if (!aItems) return;
>>
>>         // for each item in the list of file nodes
>>         for (iItem = 0; iItem < aItems.length; iItem++)
>>         {
>>                 // get array of anchors in the list item
>>                 var aAnchors = aItems[iItem].getElementsByTagName 
>> ("A");
>>
>>                         // apply behaviors to the image link
>>                         if (aAnchors[0])
>>                         {
>>                                 aAnchors[0].onclick = jsOpenDir;
>>                         }
>>
>>                         // apply behaviors to the text link
>>                         if (aAnchors[1])
>>                         {
>>                                 aAnchors[1].onclick = jsSelectItem;
>>                                 aAnchors[1].ondblclick = jsOpenDir;
>>                         }
>>         }
>
> Hello All,
>
> Thank you very much Paul for helping me get started in the process  
> of removing my scripting from my HTML. I am starting to figure it  
> out a little bit at a time. I was able to get your sample code  
> working, it works perfectly. I would like to take the next step and  
> remove anchors from my markup. Above is the little snip of code  
> Paul provided that would read all the anchors in a LI element and  
> apply behaviors to them. If I remove my anchors altogether then the  
> markup changes from something like this
>
>
> <li><a href="#"><img..></a><a href="#">Text Link</a></li>
>
> to something like this...
>
> <li><img...>Text Link</li>
>
> The second version is much cleaner and preferable. So now for my  
> question... As the above code iterates through all of the <li>  
> elements how do I reference the Image and the text of the HTML? Do  
> I need to use a div, or is there a way to reference without  
> additional markup?
>
> Thanks,
>
> Terry
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript