Untitled

<table id="top" style="border: 1px solid #c0c0c0">
    <tr>
        <td>
            <ul>
                <li member="111000">Test 1</li>
                <li>test 2</li>
            </ul>

            <ul>
                <li member="111000">help !!!!</li>
            </ul>
        </td>
    </tr>
</table>
<div>
    <input type="submit" name="update" value="Update" onclick="update()" />
</div>
<script type="text/javascript">
function getElementsByAttribute(oElm, strTagName, strAttributeName, strAttributeValue)
{

    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);

    var arrReturnElements = new Array();

    var oAttributeValue = (typeof strAttributeValue != "undefined")? new RegExp("(^|\\s)" + strAttributeValue + "(\\s|$)", "i") : null;

    var oCurrent;

    var oAttribute;

    for(var i=0; i<arrElements.length; i++){

    oCurrent = arrElements[i];

    oAttribute = oCurrent.getAttribute && oCurrent.getAttribute(strAttributeName);

    if(typeof oAttribute == "string" && oAttribute.length > 0){

    if(typeof strAttributeValue == "undefined" || (oAttributeValue && oAttributeValue.test(oAttribute))){

    arrReturnElements.push(oCurrent);

    }

    }

    }

    return arrReturnElements;

}

function update()
{

    var top = document.getElementById('top');
    var members = getElementsByAttribute(top, 'li', 'member' , '111000');
    for(var i=0; i<members.length; i++)
    {
        members[i].style.backgroundColor='yellow';
    }
}
</script>