How to access HTML element without ID?

by 
function findFirstDescendant(parent, tagname)
{
   parent = document.getElementById(parent);
   var descendants = parent.getElementsByTagName(tagname);
   if ( descendants.length )
      return descendants[0];
   return null;
}

var header = findFirstDescendant("header-inner", "h1");

Finds the element with the given ID, queries for descendants with a given tag name, returns the first one. You could also loop on descendants to filter by other criteria; if you start heading in that direction, i recommend you check out a pre-built library such as jQuery (will save you a good deal of time writing this stuff, it gets somewhat tricky).

More Related Contents:

  1. Focus Input Box On Load
  2. How to find event listeners on a DOM node in JavaScript or in debugging?
  3. Is there a spec that the id of elements should be made global variable?
  4. onKeyPress Vs. onKeyUp and onKeyDown
  5. Check if an element contains a class in JavaScript?
  6. Chrome extension – retrieving global variable from webpage
  7. Javascript/DOM: How to remove all event listeners of a DOM object?
  8. How can I loop through ALL DOM elements on a page?
  9. How to convert a DOM node list to an array in Javascript?
  10. Get element’s CSS selector (when it doesn’t have an id)
  11. How to scroll down with Phantomjs to load dynamic content
  12. Set custom attribute using JavaScript
  13. How to unload a javascript from an html?
  14. Changing the order of elements
  15. Div Z-Index issue with Flash movie
  16. Should I use document.createDocumentFragment or document.createElement
  17. createElement vs. createElementNS
  18. How to get nodes lying inside a range with javascript?
  19. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  20. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  21. Is it possible to get element’s numerical index in its parent node without looping?
  22. Is there any way of passing additional data via custom events?
  23. getElementsByClassName() with two classes
  24. What damage is done by document.write()? [duplicate]
  25. How can I remove wrapper (parent element) without removing the child?
  26. How to prevent an iframe from reloading when moving it in the DOM
  27. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  28. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Truncate paragraph first 100 character and hide rest content of paragraph to show/hide rest contenct with more/less link

Leave a Comment