In diesem Artikel führen wir die Aufgabe aus, den Text in allen HTML-Tags mithilfe von JavaScript zu ändern. Lassen Sie uns in diesen Artikel eintauchen, um mehr über das Ändern von Text in allen HTML-Codes zu erfahren. Zunächst definieren wir jedoch HTML-Tags.
Verwenden Sie zum besseren Verständnis JavaScript, um den Text in allen HTML-Tags zu ändern. Schauen wir uns das folgende Beispiel an.
Beispiel
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h2>
Click on the button to change the text
</h2>
<label id = "tutorial">
Welcome to Tutorialspoint
</label>
<br>
<button onclick="changetext()">
Click Here!
</button>
<script>
function changetext() {
var x = document.getElementById("tutorial");
if (x.innerHTML === "Welcome to Tutorialspoint") {
x.innerHTML = "The Best E-way Learning";
} else {
x.innerHTML = "Welcome to Tutorialspoint";
}
}
</script>
</body>
</html>Verwenden Sie replaceWith()
Grammatik
replaceWith() -
ChildNode.replaceWith(Node);
replaceWith() verwenden, um den Text innerhalb eines Markups zu ändern.
<!DOCTYPE html>
<html>
<body>
<h2 id="tutorial">
<span class="quotation">“</span>
Lost in the ave of you
<span class="quotation">”</span>
</h2>
<script>
const changed = document.getElementById('tutorial');
changed.childNodes[2].replaceWith('Welcome');
</script>
</body>
</html>Verwenden Sie querySelector()
Grammatik
querySelector()
querySelector(selectors)
querySelector(), um den Text im HTML-Tag zu ändern.
<!DOCTYPE html>
<html>
<body>
<h1>Welcome</h1>
<script>
document.querySelector("h1").textContent = 'Tutorialspoint';
</script>
</body>
</html>Das obige ist der detaillierte Inhalt vonSo ändern Sie Text in allen HTML-Tags mithilfe von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
