Get immediate first child element

by

Both these will give you the first child node:

console.log(parentElement.firstChild); // or
console.log(parentElement.childNodes[0]);

If you need the first child that is an element node then use:

console.log(parentElement.children[0]);

Edit

Ah, I see your problem now; parentElement is an array.

If you know that getElementsByClassName will only return one result, which it seems you do, you should use [0] to dearray (yes, I made that word up) the element:

var parentElement = document.getElementsByClassName("uniqueClassName")[0];

More Related Contents:

  1. How can I tell if a DOM element is visible in the current viewport?
  2. For loop for HTMLCollection elements
  3. jQuery document.createElement equivalent?
  4. Browser detection versus feature detection
  5. How can I count text lines inside an DOM element? Can I?
  6. Difference between HTMLCollection, NodeLists, and arrays of objects
  7. querySelector, wildcard element match?
  8. Copy / Put text on the clipboard with FireFox, Safari and Chrome
  9. How to serialize DOM node to JSON even if there are circular references?
  10. Most efficient method of detecting/monitoring DOM changes?
  11. Violation Long running JavaScript task took xx ms
  12. Dynamically creating HTML elements using Javascript?
  13. What’s standard behavior when element is clicked? Will it submit the form?
  14. Get element at specified position – JavaScript
  15. Add SVG element to existing SVG using DOM
  16. How to access DOM elements in electron?
  17. Trigger CSS transition on appended element
  18. How to iterate through all attributes in an HTML element?
  19. Removing HTMLCollection elements from the DOM
  20. javascript variable corresponds to DOM element with the same ID [duplicate]
  21. JavaScript scrollTo method does nothing?
  22. link element onload
  23. Difference between document.addEventListener and window.addEventListener?
  24. Is there a difference between `new Image()` and `document.createElement(‘img’)`?
  25. How to add DOM element script to head section?
  26. Best practice for embedding arbitrary JSON in the DOM?
  27. Delaying a jquery script until everything else has loaded
  28. Is there ‘element rendered’ event?
  29. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment