2016-06-20 6 views
-7

Ich habe Probleme in HTML-Tag in das Hinzufügen JavaScript-Variablen in HTML als Code unten geschrieben wird, und ich möchte als Hallo Welt reult oder u cansay dass js var + html Inhalthinzufügen JavaScript-Variable

Code Html:

<div class ="box" >user</div> 

Javascript-Code:

<script> 
    var one = "Hello"; 
</script> 

Ergebnis so sein sollte => Hallo Benutzer

+3

Wie könnte das Ergebnis möglicherweise Hallo Benutzer sein? – Li357

+0

Seltsam, dass Sie "Hallo" fühlen, ist der variable Teil von "Hallo Benutzer". – trincot

Antwort

1

Sie könnten ein <span> Element erstellen und dann mit dem jQuery-Selektor die HTML-Datei dieses Elements festlegen. Hier

ein Beispiel:

<div class = "box"><span class="span"></span>user</div> 
    <script type="text\javascript"> 
     $(".box .span").html("Hello "); 
    </script> 
+0

Sie müssen wahrscheinlich erklären, was ist jQuery, oder versuchen Sie eine andere Lösung mit Vanille Javascript. – Wikiti

0

Das können Sie nicht mit JavaScript-Tags tun. Sie können jedoch Ihren HTML-Code mit dem DOM ändern. Beginnen Sie mit diesem Code-Schnipsel:

<div class="box" id="my-box">user</div> 
<script> 
    document.getElementById('my-box').innerHTML = "Hello " + document.getElementById('my-box').innerHTML; 
</script> 

dass script Tag laden Denken Sie daran, und Javascript-Code bewerten, aber tut nicht ersetzen Sie es in Ihrem HTML Körper.

Auch sollten Sie mit der Programmierung von Javascript here beginnen.

0

Diese Hilfe Sie:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    
 
    </head> 
 
    <body> 
 
     <div class ="box" >user</div> 
 
     <p id="result"></p> 
 
     <script> 
 
      var box = document.getElementsByClassName("box")[0].innerHTML; 
 
       document.getElementById("result").innerHTML = "Hello " + box; 
 
     </script> 
 
    </body> 
 
</html>