Невозможно прочитать свойство null, не может обрабатывать DOM-манипуляции, Все элементы на веб-странице имеют значение null

Question

Не могу обработать DOM-манипуляцию, получаю сообщение об ошибке, не могу прочитать свойство "...", равное null

Я занимаюсь разработкой JS-игры, для этой игры мне нужно написать некоторые манипуляции с DOM,но когда я пытаюсь развить некоторые игровые функциональные возможности, у меня появляется ошибка в окне консоли, показывающая, что не может прочитать свойство '...' с нулевым значением, и, проверив, я обнаружил, что все элементы установлены на нулевое значение, но теги id хорошообработано, не знаю, как решить эту проблему.

Ниже приведен HTML-код

<div class="container">
    <div class="row">
    <div class="column">
        <img src="img/enemy.png" class="img-responsive animate" id="enemy-1">
    </div>
    <div class="column">
        <img src="img/enemy.png" class="img-responsive animate" id="enemy-2">
    </div>
    <div class="column">
        <img src="img/enemy.png" class="img-responsive animate" id="enemy-3">
    </div>
    </div>
</div>

Следующая часть представляет собой раздел Javascript

var shootingSound = new Audio('shoot.mp3');
  var bgCanvas = document.getElementById("#enemy-1");
  if(bgCanvas)
  {
  bgCanvas.addEventListener("click", function (){
    //shooty.play();
    shootingSound.play();
  });
  }
  else{
  console.log("Checky");
  }

Я хочузвук при воспроизведении при нажатии на img, но я получаю еще одно условие: «Checky» зарегистрирован в консоли.

Answer 1

getElementById не использует символ хеша, который использует jQuery.Эта строка должна быть:

    var bgCanvas = document.getElementById("enemy-1");

РЕДАКТИРОВАТЬ

<audio id="audio">
    <source src="shoot.mp3" type="audio/mpeg" />
</audio>

    document.getElementById("audio").play()