2017-09-26 4 views
0

J'ai le code suivant:Quel attribut HTML puis-je utiliser pour obtenir des informations supplémentaires sur un point p?

<div class="trigger"> 
    <p>Original Text</p> 
</div> 
<div class="content"> 
    <p>lorem...</p> 
</div> 
<script> 
    //when p tag inside trigger is clicked content is shown or hidden 
</script> 

Je voudrais avoir un attribut supplémentaire pour obtenir de l'étiquette p pour être basculée entre le texte original.

Par exemple:

<p title="Othe text to be toggled">Original text</p> 

Ainsi, chaque fois que la balise p est cliqué, il est le changement du contenu entre le texte original et l'autre texte.

Dans ce cas, je ne sais pas quel titre atteindra son but, je ne sais pas quel attribut html serait le meilleur pour ce cas. Merci pour votre temps

+0

Jetez un oeil à des données attributs https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes Ensuite, vous souhaitez simplement lier un écouteur d'événement pour ce que vous voulez muter ton état. – msanford

+0

Merci @msanford Je vais vérifier. –

Répondre

0

Merci à @ msanford. data-* était la solution parfaite pour moi!

<div class="trigger"> 
    <p data-other="Other text">Original Text</p> 
</div> 
<div class="content"> 
    <p>lorem...</p> 
</div> 
<script> 
    //when p tag inside trigger is clicked content is shown or hidden 
</script>