jQuery ajouter du texte
Je veux ajouter des données simples dans un div comme:
$('#msg').append('Some text');
Dans le corps, je pense que je vais avoir besoin de placer le code html comme.
<div id="test">
<div id="msg"></div> //show text inside it.
</div>
Cependant, je tiens à ajouter un peu de CSS pour le #msg
. Par exemple, la couleur d'arrière-plan. Maintenant, le problème est que, depuis les #msg
div est présente tout le temps, je vois la couleur d'arrière-plan, même lorsque le texte n'est pas annexé il. J'ai essayé d'ajouter le css comme "display:none, mais dans ce cas je ne vois pas le texte ajouté à la fin.
Puis-je faire en sorte que les #msg
div s'affiche à l'intérieur de la #test
uniquement lorsque le texte est ajouté à la fin? Merci.
- OP, veuillez tenir compte de la modification de la réponse de Hendy Irawan à la accepté de répondre.
- Ce post semble contenir deux questions différentes: 1) Comment faire pour ajouter du texte à une
<div>
et 2) Comment masquer la<div>
jusqu'à ce que le texte a été ajouté.
Vous devez vous connecter pour publier un commentaire.
display: none
et se transforme endisplay: block
$('#msg').text( $('#msg').text() + 'Some text' )
être plus en sécurité? Selon le jQuery API,.text( [text] )
s'échappe du texte avec.createTextNode()
.La bonne façon d'ajouter texte (contraste avec ajout de HTML) serait:
Si
someText
est à venir à partir de la saisie de l'utilisateur ou quoi que ce soit d'autre, il sera correctement HTML échappé. Qui devrait éviter les JavaScript injection, le 3ème plus courantes web de la vulnérabilité de sécurité dans le monde.De https://stackoverflow.com/a/944456/122441
Pourquoi ne pas utiliser
Échapper en cas de besoin.
Je sais que cette question a été répondu avec différentes variantes, mais en voici un de plus. J'ai eu une demande similaire donc passé un peu de temps à essayer de trouver un moyen de le faire.
Si vous de connaître la structure d'une page HTML, vous pouvez obtenir le contenu HTML à l'aide de jQuery, ensuite, modifiez le contenu HTML en ajoutant à cela.
JS:
HTML:
Espère que le ci-dessus permet de quelqu'un qui recherche similaire réponse
Acclamations
Gens vous pouvez également utiliser ce moyen pour ajouter du texte.
Espère que cette aide.
Vous pouvez le faire à l'aide de plusieurs façons. Vous pouvez créer une classe css et de le faire:
Méthode 1
CSS:
HTML
Javascript:
Méthode 2
HTML
CSS:
Javascript:
Méthode 3
HTML:
Javascript: