JS Failed to execute getComputedStyle on Window parameter is not of type Element

Question

In short  I am trying to understand the meaning of this TypeError  Failed to execute  getComputedStyle  on  Window   parameter 1 is not of type  Element  The error appears while lunching Mediawiki s VisualEditor  as can be seen here   http   www wiki org il index php title new-page amp veaction edit  The error doesn t enables creating new pages or editing the wiki anonymously   However  with the use of a different skin the error disappears   http   www wiki org il index php Main Page useskin vector  The wiki runs on 1 25alpha

User · Answer

I had this same error showing  When I replaced jQuery selector with normal JavaScript  the error was fixed   var this id     this  attr  id      Replace     getComputedStyle        this id  0         With   getComputedStyle  document getElementById this id

User · Answer

The error message says that getComputedStyle requires the parameter to be Element type  You receive it because the parameter has an incorrect type   The most common case is that you try to pass an element that doesn t exist as an argument   my element   document querySelector  non existing id     Now that element is null  this will result in mentioned error   my style   window getComputedStyle my element     If it s not possible to always get element correctly  you can  for example  use the following to end function if querySelector didn t find any match   if  my element     null  return

User · Answer

I had the same error on my Angular6 project  none of those solutions seemed to work out for me  turned out that the problem was due to an element which was specified as dropdown but it didn t have dropdown options in it  take a look at code below     lt span class  nav-link  id  navbarDropdownMenuLink  data-toggle  dropdown                            aria-haspopup  true  aria-expanded  false  gt                           lt i class  material-icons                              style  font-size  2rem  gt notifications lt  i gt                           lt span class  notification  gt  lt  span gt                           lt p gt                               lt span class  d-lg-none d-md-block  gt Some Actions lt  span gt                           lt  p gt                       lt  span gt                       lt div class  dropdown-menu dropdown-menu-left                            ngIf  global localStorageItem  isInSadHich                             aria-labelledby  navbarDropdownMenuLink  gt                                           lt a class  dropdown-item  href     gt You have 5 new tasks lt  a gt                                           lt a class  dropdown-item  href     gt You re now friend with Andrew lt  a gt                                           lt a class  dropdown-item  href     gt Another Notification lt  a gt                                           lt a class  dropdown-item  href     gt Another One lt  a gt                       lt  div gt    removing the code data-toggle  dropdown  aria-haspopup  true  aria-expanded  false  solved the problem    I myself think that by each click on the first span element  the scope expected to set style for dropdown children which did not existed in the parent span  so it threw error

User · Answer

The error message is pretty straightforward  getComputedStyle expects an Element as its first argument  and something else was passed to it   If what you are really asking for is help with debugging your skin  you should make more of an effort to isolate the error

User · Answer

For those who got this error in AngularJS and not jQuery  I got it in AngularJS v1 5 8 by trying to ng-include a type  quot text ng-template quot  that didn t exist    lt div ng-include  quot tab content quot  gt     lt  div gt   Make sure that when you use ng-include  the data for that directive points to an actual page section  Otherwise  you probably wanted   lt div gt   tab content   lt  div gt

User · Answer

In my case I was using ClassName   getComputedStyle  document getElementsByClassName this id     error   It will also work without 2nd argument       Here is my complete running code    function changeFontSize target       var minmax   document getElementById  minmax       var computedStyle   window getComputedStyle           getComputedStyle minmax     Standards           minmax currentStyle         Old IE    var fontSize     if  computedStyle       This will be true on nearly all browsers       fontSize   parseFloat computedStyle  amp  amp  computedStyle fontSize          if  target     sizePlus             if fontSize lt 20           fontSize    5                     else if  target     sizeMinus             if fontSize gt 15           fontSize -  5                          minmax style fontSize   fontSize    px           onclick   changeFontSize this id

[javascript] JS: Failed to execute 'getComputedStyle' on 'Window': parameter is not of type 'Element'

Examples related to javascript

Examples related to mediawiki

Examples related to typeerror

Examples related to visual-editor

Examples related to getcomputedstyle