0
votes

Pourquoi je reçois juste du texte au lieu de HTML en utilisant jQuery?

J'ai une balise H1 et je souhaite obtenir html () code> de cet élément sur le bouton Cliquez mais en ce qui concerne maintenant le texte au lieu de HTML. Comment puis-je obtenir bon HTML?

Mon code: - P>

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1 style="color:indianRed">Heading 1</h1>

<button>Click</button>

javascript jquery html css

1 commentaires

Le H1 ne contient aucun balisage HTML, juste un nœud texte, que vous attendiez-vous?



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    4
 votes
                                
                            
                            
                                
                                     Vous devez utiliser   OUTERHTML  CODE> : 

   the   OUTERHTML  code>  A> Attribut de l'interface Element DOM reçoit le fragment HTML sérialisé décrivant l'élément, y compris ses descendants. Il peut également être réglé pour remplacer l'élément avec des nœuds analysés de la chaîne donnée.  P>
 blockQuote> 
  p> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1 style="color:indianRed">Heading 1</h1>

<button>Click</button>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Le  .html ()  code> La fonction renvoyez le code HTML intérieur d'un élément, pour obtenir le  outerhtml  code> d'un élément donné, essayez de l'envelopper à l'intérieur d'un conteneur puis obtenir son HTML utilisant  .html ()  code>. 
$(function(){
  $('button').click(function(){
        var elHTML = $('<div></div>').append($('h1'));
       alert(elHTML.html());
   });
 });

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                      OUTERHTML  code> dans JavaScript 
  p> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1 style="color:indianRed">Heading 1</h1>

<button>Click</button>

                                

                                                                    
                                    
                                    
                                        0 commentaires