Wie kann ich den Text eines span-Elements mit JavaScript ändern?

Question

Wenn ich eine span , sagen:

<span id="myspan"> hereismytext </span>

Wie kann ich JavaScript verwenden, um "hereismytext" in "newtext" zu ändern?

Answer 1

document.getElementById("myspan").textContent="newtext";

Dies wählt den Dom-Knoten mit der ID myspan und ändern Sie dessen Textinhalt in new text

Answer 2

Das können Sie tun

 document.querySelector("\[Span\]").textContent = "content\_to\_display";

Answer 3

Kann nicht mit HTML-Code-Einfügung verwendet werden, etwa so:
var a = "get the file <a href='url'>the link</a>"
var b = "get the file <a href='url'>another link</a>"
var c = "get the file <a href='url'>last link</a>"

mit
document.getElementById("myspan").textContent=a;
auf
<span id="myspan">first text</span>

mit einem Timer, aber es zeigt nur das Referenzziel als Text an, ohne den Code auszuführen, obwohl er im Quellcode korrekt angezeigt wird. Wenn die Jquery Approch ist nicht wirklich eine Lösung, die Verwendung von:

document.getElementById("myspan").innerHTML = a to c;
ist der beste Weg, damit es funktioniert.

Answer 4

Für diesen Zeitraum

<span id="name">sdfsdf</span>

Sie können so vorgehen :-

$("name").firstChild.nodeValue = "Hello" + "World";

Answer 5

(function ($) {
    $(document).ready(function(){
    $("#myspan").text("This is span");
  });
}(jQuery));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="myspan"> hereismytext </span>

Benutzer text() um den Text der Spanne zu ändern.