Javascript 未捕获类型错误：未定义不是函数

HTML代码

<table border="0px" id="map-flags" align="center">
<tr><td><img src="flags/ug.jpeg" alt="Welcome" width="160px" height="160px"></td></tr>
</table>

Javascript代码

    <script>
        document.getElementbyId('tuts').addEventListener('click', function(e){
            console.log(e.toElement.alt);
        });


    </script>

document.getElementbyId（'tuts'）。addEventListener（'click'，函数（e）{
console.log（e.toElement.alt）；
});

我试图在控制台中打印出Id，但出现此错误，可能是什么问题？

添加Id

<table border="0px" id="map-flags" align="center">
    <tr>
      <td>
        <img id="tuts" src="flags/ug.jpeg" alt="Welcome" width="160px" height="160px">
      </td>
   </tr>
</table>

并将getElementbyId更改为getElement**B**yId

<script>
    document.getElementById('tuts').addEventListener('click', function(){
        console.log(this.alt);
    });
</script>

document.getElementById（'tuts'）。addEventListener（'click'，function（）{
log（this.alt）；
});

---

**编辑：更改console.log（e.toElement.alt）；到console.log（this.alt）**

它是getElementById（By而不是By）。代码中任何地方都没有ID为tuts的元素