Добавление onclick к элементу div дает «Результат выражения» document.getElementById ('elem1') "[null]

Question

не является объектом "в браузере Safari. Весь код

function addLinks () {
    var p0 = document.getElementById('Pic0').onclick = addLinkAction;
}

function addLinkAction () {
    var el = document.getElementById('vid0');
    el.style.display = "block";
    el.play();
}

Функции работают нормально, но Safari продолжает выдавать ошибки при отображении страницы и при каждом нажатии на ссылку. Я тестирую это только в сафари, так как это носитель только для HTML5 - iPad / iPhone. спасибо

Answer 1

если вы вызываете функцию addLinks() при загрузке / готовности документа, попробуйте добавить return false в качестве последнего оператора этой внутренней функции

function addLinks () { 
   var p0 = document.getElementById('Pic0');
   p0.onclick = function() {
      addLinkAction();
      return false;
   } 
}

Answer 2

Попробуйте это:

function addLinks () {
  var p0 = document.getElementById('Pic0').onclick = function () {
    var el = document.getElementById('vid0');
    el.style.display = "block";
    el.play();
  }; 
}

Answer 3

Убедитесь, что элемент существует. Когда вы вызываете addLinks, делайте это на DOM ready или window.onload = function(){}. В качестве альтернативы, поместите скрипт перед тегом end body.