Optimize Your Scripts in DHTML When Accessing a Collection

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:
Heading photo, Metadata.

What is Metadata?

What is metadata? Well, It’s an odd concept to wrap your head around. Metadata is essentially the secondary layer of data that tracks details about the “regular” data. The regular

XDR solutions

The Benefits of Using XDR Solutions

Cybercriminals constantly adapt their strategies, developing newer, more powerful, and intelligent ways to attack your network. Since security professionals must innovate as well, more conventional endpoint detection solutions have evolved

AI is revolutionizing fraud detection

How AI is Revolutionizing Fraud Detection

Artificial intelligence – commonly known as AI – means a form of technology with multiple uses. As a result, it has become extremely valuable to a number of businesses across

AI innovation

Companies Leading AI Innovation in 2023

Artificial intelligence (AI) has been transforming industries and revolutionizing business operations. AI’s potential to enhance efficiency and productivity has become crucial to many businesses. As we move into 2023, several

data fivetran pricing

Fivetran Pricing Explained

One of the biggest trends of the 21st century is the massive surge in analytics. Analytics is the process of utilizing data to drive future decision-making. With so much of

kubernetes logging

Kubernetes Logging: What You Need to Know

Kubernetes from Google is one of the most popular open-source and free container management solutions made to make managing and deploying applications easier. It has a solid architecture that makes