web-dev-qa-db-fra.com

Ajouter div à la fin du document avec jQuery?

J'aimerais écrire une fonction utilisant jQuery pour ajouter une div à la fin d'une page Web. J'aimerais pouvoir utiliser la fonction sur de nombreuses pages différentes.

J'ai écrit le code suivant, mais ça ne marche pas:

    $(document).append('<div id="helloDiv"></div>');
    $('#helloDiv').html('hello'); // does nothing
    $('#helloDiv').css('top','100') // throws an error

Comment puis-je réparer ça?

javascriptjquerydom
18
Daniel Allen Langdon

Cela n'a pas de sens d'ajouter à la document. Ajoutez plutôt le noeud body du document, car c'est là que tout le contenu visible est:

$(document.body).append('<div id="helloDiv"></div>');
42
lonesomeday

Si vous voulez que ce soit à la fin de la body, pourquoi ne pas utiliser:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', 100);

http://jsfiddle.net/ptuxX/

Cependant, .css('top', 100) ne fait pas grand chose si vous ne définissez pas position sur absolute.

7
pimvdb

Essayer:

$('body').append('<div id="helloDiv"></div>');
$('#helloDiv').html('hello');
$('#helloDiv').css('top', '100');

Ou simplement ajouter le contenu et css avant d'ajouter le div.

var $newdiv = '<div id="helloDiv">hello</div>';
$('body').append($newdiv);
0
Jules