Posted By

erintechspired on 02/12/10

Tagged

DOM
aspnet

Versions (?)

Last Edited at 02/12/10 01:37pm

Statistics

Viewed 407 times

Favorited by 0 user(s)

getElementBySimilarId

/ Published in: JavaScript

A simple, non-recursive function that I use to return the first element with an ID that contains a certain ID string.
Sometimes, APS.NET appends the Naming Container ID to the IDs of controls, and in instances where the ClientID of a control you want is not available, you can use this script to find the element you want by similar id.
Dirty, but works most of the time for me.

Highlighted TextExpand

//-----------------------------------------------------------------
//Usage: Returns the first instance of a DOM Element that contains the
//  desiredElementId. Useful if your framework appends to IDs, instead of
//  IE: myElement, you have ct001_myElement
//Parameters:
//  desiredElementId - The id to search for
//  tagName - (Optional) The tag name of elements to get.
//  (If you know your element is a div, for example, search only divs.)
//-----------------------------------------------------------------
function getElementBySimilarId(desiredElementId, tagName) {
    var elems;
    var returnElem = null;
    //Get all elements of the correct type
    if (tagName == null || tagName == '') {
        elems = document.getElementsByTagName('*');
    }
    else {
        try {
            elems = document.getElementsByTagName(tagName);
        }
        catch (e) {
            alert(type + ' is not a valid tagName/Element Type');
        }
    }
    //iterate through the elements
    for (var i = 0; i < elems.length; i++) {
        if (elems[i].id.indexOf(desiredElementId) > -1) {
            returnElem = elems[i];
            break;
        }
    }
    return returnElem;
}

URL: http://techspired.com

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.