CODEWITHSUNDEEP
javascriptecmascript-6
Volodymyr Humeniuk
Volodymyr Humeniuk

Reputation: 3791

Can't get childNodes computedStyle

Can't get childNodes computedStyle, getting an error:

Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'

let wrappers = document.querySelectorAll('[data-attribute="wrapper"]');
  wrappers = Array.prototype.slice.call(wrappers);

  wrappers.forEach((el) => {
    let wrappersChildren = wrappers.slice.call(el.childNodes, 0);

    wrappersChildren.forEach((el) => {
      const childrenWidth = window.getComputedStyle(el).width;
      ...

Where i did mistake?

Upvotes: 0

Views: 201

Answers (1)

Eladian
Eladian

Reputation: 958

Using el.childNodes is the mistake, as it returns text nodes too. Use el.children instead

Here is the fixed code:

let wrappers = document.querySelectorAll('[data-attribute="wrapper"]');
  wrappers = Array.prototype.slice.call(wrappers);

  wrappers.forEach((el) => {
    let wrappersChildren = wrappers.slice.call(el.children, 0);

    wrappersChildren.forEach((el) => {
      const childrenWidth = window.getComputedStyle(el).width;
      ...

Upvotes: 1

Related Questions