alle inneren HTML außer Text mit Javascript

Ich habe die folgende HTML-Code -alle inneren HTML außer Text mit Javascript

<label id="label_id" > 
    What is your name? 
    <img src=/info_icon.gif" id="tooltip"> 
    <div id="tooltip_modal"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <span id="tooltip_close">&times;</span> 
      <h5>Information</h5> 
     </div> 
     <div class="modal-body"> 
      <p> Some Sample text 
      </p> 
     </div> 
     </div> 
    </div> 
</label>

Verwendung von JavaScript ich das <label> Element wie folgt geholt -

var myLabel = document.getElementById("label_id");

Ich möchte innerhalb von allem zu befreien Das <label> Element außer What is your name?

Bitte beachten Sie, dass "Wie heißt du?" stellt einen Textabschnitt dar, der dynamisch generiert und in das Element <label> eingefügt wird.

Wie erreiche ich das?

Vielen Dank im Voraus!

Quelle

2017-08-09 Archit Arora

Haben Sie wollen, dass es nur die erste Zeile halten (was auch immer es ist) innerhalb der Label-Tags oder alles, was kein Tag ist, bis zum ersten Tag (und löschen Sie den Rest)? –

guter Weg zur Kontrolle ist nur Wrap 'Was ist Ihr Name?' Mit '' => ' Wie ist Ihr Name? '. so können Sie Text innen behalten und ihn nach sauberem html innerhalb des Etiketts zurückstellen –

Holen Sie sich den ersten Textknoten, der "Wie heißt du?" und ersetzen Sie den Inhalt des label durch - siehe Demo unter:

var myLabel = document.getElementById("label_id"); 
 
// get the first text node 
 
var textNode = myLabel.childNodes[0]; 
 
// replace the content of label by the text 
 
myLabel.textContent = textNode.textContent;

<label id="label_id" > 
 
    What is your name? 
 
    <img src="/info_icon.gif" id="tooltip"/> 
 
    <div id="tooltip_modal"> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <span id="tooltip_close">&times;</span> 
 
      <h5>Information</h5> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p> Some Sample text 
 
      </p> 
 
     </div> 
 
     </div> 
 
    </div> 
 
</label>

Quelle

2017-08-09 02:24:10 kukkuz

myLabel.innerHtml = 'Wie heißt du?';

Quelle

2017-08-09 02:23:21 zynkn

var myLabel = document.getElementById("label_id"); 
 
myLabel.innerHTML = 'What is your name?';

<label id="label_id" > 
 
    What is your name? 
 
    <img src="/info_icon.gif" id="tooltip"/> 
 
    <div id="tooltip_modal"> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <span id="tooltip_close">&times;</span> 
 
      <h5>Information</h5> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p> Some Sample text 
 
      </p> 
 
     </div> 
 
     </div> 
 
    </div> 
 
</label>

Quelle

2017-08-09 02:58:44 gjegadesh

alle inneren HTML außer Text mit Javascript

Antwort

Verwandte Themen