2017-08-09 9 views
1

を使用してテキスト以外のすべての内部HTMLを削除する - 私は内部のすべてのものを取り除きたいは、私は、次のHTMLコードをお持ちのJavascript

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

-

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> 

私はこのような<label>要素をフェッチ<label>要素を除くWhat is your name?

"あなたの名前は何ですか?動的に生成され、<label>要素に挿入されるテキストを表します。

どうすればよいですか?

ありがとうございました!

+0

をあなたはそれだけで(それが何であれ)最初のラインをキープしますかラベルタグの内側、またはタグではないもの、最初のタグまで(そしてそれらを削除します)? –

+0

あなたの名前は何ですか? => 'あなたの名前は何ですか? '。あなたはテキストを内部に保持し、ラベルの内側にきれいなHTMLの後に置くことができます –

答えて

1

「あなたの名前は何ですか?」という最初のテキストノードを取得します。それによってlabelの内容を置き換える - デモ下記参照:

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>

0

myLabel.innerHtml = 'あなたの名前は何ですか?';

0

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>

関連する問題