How to access an element inside innerHTML of a HTMLDivElement?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ssnaik84
    New Member
    • Aug 2009
    • 149

    #1

    How to access an element inside innerHTML of a HTMLDivElement?

    Hello,

    I have a HTMLDivElement. I checked its innerHTML property.
    It has a hidden element (in innerHTML).

    How I can access the hidden element?

    For example, fbPartnerName is the HTMLDivElement

    Code:
    var fbPartnerName = document.getElementById("fbPartnerName");
    alert(fbPartnerName.innerHTML);
    it shows...

    Code:
    <input value="Talon Business Support Ltd - UK" name="fbPartnerName" id="fbPartnerName_hidden" type="hidden">
    <input active="false" pq="T" style="width: 420px;" class="ffb-input" autocomplete="off" id="fbPartnerName_input">
    <div class="ffb" style="top: 0px; left: 0px; display: none;" id="fbPartnerName_ctr">
    I want to access getElementById( "fbPartnerName_ hidden")
    I tried ...
    document.getEle mentById("fbPar tnerName_hidden ")

    but it's not working..
    Please guide me..

    Thanks,
    Swapnil
  • RamananKalirajan
    Contributor
    • Mar 2008
    • 608

    #2
    You can easily access that particular element

    Code:
    var fbPartnerName = document.getElementById("fbPartnerName_hidden");
    The fbPartnerName will have the div object using that u can get in two ways...

    way 1

    Code:
    fbPartnerName.getElementById('fbPartnerName_hidden')
    way2

    Code:
    var objArray =  fbPartnerName.getElementsByTagName("input");
    for(var i=0;i<=objArray.length;i++)
    {
       if(objArray[i].type=="hidden")
       {
             var hiddenObj = objArra[i];
       }
    }

    Way 3:
    If you have an id for that particular hidden variable. You can directly access
    by

    Code:
    var hidObj = document.getElementById('fbPartnerName_hidden')
    Thanks and Regards
    Ramanan Kalirajan

    Comment

    • Dormilich
      Recognized Expert Expert
      • Aug 2008
      • 8694

      #3
      Code:
      fbPartnerName.getElementById('fbPartnerName_hidden')
      won’t work. getElementById( ) is only defined for the document interface.

      Comment

      • RamananKalirajan
        Contributor
        • Mar 2008
        • 608

        #4
        @ Dormilich:
        can't we use getElementById( ) for other objects other than document?

        Thanks and Regards
        Ramanan Kalirajan

        Comment

        • Dormilich
          Recognized Expert Expert
          • Aug 2008
          • 8694

          #5
          can't we use getElementById( ) for other objects other than document?
          why? doesn’t make sense to use it for anything else than document.

          PS. getElementsByTa gName() (and the other getElementsBy* methods) do not return an array, but a NodeList/HTMLCollection.

          Comment

          • Dormilich
            Recognized Expert Expert
            • Aug 2008
            • 8694

            #6
            @ssnaik84

            I had no problems with getElementById( )

            Comment

            • ssnaik84
              New Member
              • Aug 2009
              • 149

              #7
              Thanks friends
              I resolved the problem... I refered HTMLDivElement document

              Comment

              Working...