How to target & alter child element by tag with only the parent div id?

Using regular JavaScript (or prototype), I'm trying to alter the href attribute of the first and only anchor tag within a div to include a query string at the end with w开发者_StackOverflow社区indows.location.search. The div has an id, while the anchor is classless and id-less. I've seen similar code elsewhere, but its not quite right.

What I have so far is below:

var divTag =  document.getElementById("DivId").getElementsByTagName("a");
for(i = 0; i < divTag.length; i++){
    divTags[i].href = "myUrl"+window.location.search;
}

The actual html code I"m tryin to work on:

<div id="DivId">
     <a href="OldHref">
          <img/>
     </a>
</div>

Thank You.

You declare the variable as divTag but set the attribute as divTags.

Your code is largely correct. You just made a typo:

divTags[i].href = "myUrl"+window.location.search;

Should be:

divTag[i].href = "myUrl"+window.location.search;

Singular instead of plural.