Ajout onclick à div rendements d'éléments « résultat de l'expression 'document.getElementById (' elem1') "[null]

Question

est pas un objet" dans le navigateur Safari. Le code entier est

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

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

Le travail des fonctions bien mais safari continue à jeter des erreurs quand la page est rendue et et à chaque clic du lien Je ne fais que tester ceci dans safari car c'est un média HTML5 - iPad/iPhone seulement merci

Answer 1

Essayez ceci:

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

Answer 2

Assurez-vous que l'élément existe Lorsque vous appelez addLinks, exécutez-le sur DOM ready ou window.onload = function(){} ou placez le script avant le tag de fin de corps

Answer 3

en supposant que vous appelez la fonction addLinks() sur le document de chargement/prêt, essayer d'ajouter fausse déclaration en dernier état de cette fonction intérieure

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