Optimize Your Scripts in DHTML When Accessing a Collection

A typical operation in DHTML is to iterate through a collection of objects. Let’s say you’re writing an HTML application that indexes content. Your task is to collect all the H1 elements on a given page and to use them as index entries. Here’s an example of how you might go about this:

 function Iterate(aEntries){   for (var i=0; i < document.all.length; i++)   {      if (document.all(i).tagName == "H1")      {         aEntries[aEntries.length] = document.all(i).innerText;      }   }}

The code contains three calls through the all collection of the document. During each iteration through the loop, the scripting engine will get the length of the collection, get the tagName of the current object in the collection, and get the innerText of the current object in the collection. The overhead amounts to numerous unnecessary calls to the DHTML Object Model for information that you already know about. Here's an alternate version:

 function Iterate2(aEntries){   var oH1Coll = document.all.tags("H1");   var iLength = oH1Coll.length;   for (var i=0; i < iLength; i++)   {      aEntries[aEntries.length] = oH1Coll(i).innerText;   }}

This version removes the overhead of creating local variables to cache the all collection as well as the length of the collection. Using the tags method of the all collection puts the burden on the DHTML Object Model to do the filtering and allows you to eliminate the if condition on every iteration of the scripted loop. Also, it frees you from the ramifications of caching DHTML collections. DHTML collections are truly dynamic, and any code you author that creates new elements and inserts them into the document may cause the collection to grow or shrink.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS