Posted By

erintechspired on 02/12/10

Tagged

DOM
aspnet

Versions (?)

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

Statistics

Viewed 517 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.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

//-----------------------------------------------------------------
//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.