Fehler bei Breite einer Grafik ermitteln

[Linuchss]

Moin,

irgendwie Brett vorm Kopf ...

Ich lade eine Grafik, deren Größe mit style angepasst wird. Nun möchte ich wissen, wie breit sie ist.

  <div style="position:relative;width:100%;height:40em;overflow-x:sccroll;overflow-y:hidden;border:1px solid #080;">
    <div style="position:absolute;left:50%;height:100%;border-left:2px solid #f00;"></div>
    <img id=rolle src="../noten/You_took_the_words_right_out_of_my_mouth_Tonikum.svg" alt=Notenrolle style="margin-left:50%;height:100%;" />
  </div>
  <br>
  <script>
  document.querySelector("#rolle").addEventlistener ( 'load', alert( this.width +"*" +this.height));
  </script>

Fehlermeldung: Uncaught TypeError: document.querySelector(...).addEventlistener is not a function

Wieso?