Mam przycisk i trochę tekstu w moim HTML, jak poniżej:
function get_content(){
// Nie wiem jak to zrobić
}
<input type="button" onclick="get_content()" value="Get Content"/>
<p id='txt'>
<span class="A">Ja</span>
<span class="B">pracuję w </span>
<span class="C">firmie ABC.</span>
</p>
Gdy użytkownik kliknie przycisk, zawartość <p id = 'txt'> wówczas, rezultat będzie taki:
<p id='txt'>
// Cały element HTML w <p> zniknie
Ja pracuję w firmie ABC.
</p>
Czy ktoś może mi pomóc, jak napisać funkcję javascript? Dziękuję!
0
1 odpowiedź
<style>
.A {background: blue;}
.B {font-style: italic;}
.C {font-weight: bold;}
</style>
<script>
function get_content() {
var html = document.getElementById("txt").innerHTML;
document.getElementById("txt").innerHTML = html.replace(/<[^>]*>/g, "");
}
function my_content() {
var element = document.getElementById('txt');
element.innerHTML = element.innerText || element.textContent;
}
function txt_content() {
txt.innerHTML = txt.innerText || txt.textContent;
}
</script>
<input type="button" onclick="get_content()" value="Get Content (bad)"/>
<input type="button" onclick="my_content()" value="Get Content (good)"/>
<input type="button" onclick="txt_content()" value="Get Content (shortest)"/>
<p id='txt'>
<span class="A">Ja</span>
<span class="B">pracuje </span>
<span class="C">w firmie ABC.</span>
</p>
0