次のような 1 つのボタンと HTML 内のテキストがあります。
function get_content(){
// I don't know how to do in here!!!
}
<input type="button" onclick="get_content()" value="Get Content"/>
<p id='txt'>
<span class="A">I am</span>
<span class="B">working in </span>
<span class="C">ABC company.</span>
</p>
ユーザーがボタンをクリックすると、その中のコンテンツは<p id='txt'>
次の期待される結果になります。
<p id='txt'>
// All the HTML element within the <p> will be disappear
I am working in ABC company.
</p>
JavaScript 関数の書き方を誰か教えてくれませんか?
ありがとう。
ベストアンサー1
これを使用することができます:
var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;
必要に応じて、element.innerText
または のいずれかを使用できますelement.textContent
。 これらはさまざまな点で異なります。innerText
表示されているもの(レンダリングされたHTML)を選択してクリップボードにコピーした場合に何が起こるかを近似しようとしますが、textContent
つまり、HTML タグを削除して、残ったものを提供するだけです。
innerText
古い IE ブラウザとの互換性もあります (そこから派生)。