bascule jquery() ne fonctionne pas avec la variable

Question

je wan't pouvoir « bascule » un div en utilisant jquery par une fonction mais il me donne

« Uncaught TypeError: Impossible de lire la propriété « defaultView » undefined »

dans le débogueur chrome. voici mon code

function hide(id){ 
$(id).toggle(); 
} 

J'ai aussi essayé

if (document.getElementById(id).style.display=="none"){ 
    document.getElementById(id).style.display="block"; 
} 
else if (document.getElementById(id).style.display=="block"){ 
    document.getElementById(id).style.display="none"; 
} 
console.log(document.getElementById(id)); 
console.log(id); 
return document.getElementById(id).style.display; 

et je reçois une erreur qui dit

"Uncaught TypeError: Impossible de lire la propriété 'style' de null"

Plus d'infos:

J'appelle le hide() depuis le HTML, je saisis le HTML en utilisant

js

est ici le code de base

function inputHtml(id){ 
var div = document.createElement("div"); 
div.innerHTML = '<div id="'+id+'"><div onclick="hide('+id+')">hide</div></div>'; 
main.appendChild(div); 
} 

Answer 1

Vous essayez de basculer d'un identifiant qui n'existe pas.

Mais je suppose que le console.log(document.getElementById(id)); le montrerait déjà.

Answer 2

Bien sûr, l'ID existe-t-il?

Par ailleurs, votre fonction consiste à sélectionner le nom de la balise, et non par ID:

function hide(id){ 
    $('#' + id).toggle(); 
} 

Answer 3

Tout d'abord, votre code devrait ressembler à ceci:

function hide(id){ 
    $("#"+id).toggle(); 
} 

Ou ceci:

function hide(id){ 
    $(document.getElementById(id)).toggle(); 
} 

Maintenant le problème réel: votre id paramètre passé en est un objet, c'est la seule chose qui avait abouti à l'erreur que vous obtenez avec la première version ci-dessus:

Uncaught Syntax error, unrecognized expression: #[object Object] 

id est d'obtenir un .toString() lorsque vous concaténer avec "#", ce qui "#[object Object]". Votre id paramètre doit être une chaîne, pas un objet.