2016-06-20 98 views
-7
我在HTML標籤中加入JavaScript變量有麻煩

如編寫代碼下面,我想reult作爲世界,你好或U cansay是js的VAR + HTML內容添加JavaScript變量HTML

HTML代碼:

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

Javascript代碼:

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

結果應該是這樣=>你好用戶

+3

怎麼可能的結果可能是你好的用戶? – Li357

+0

奇怪的是,你覺得「你好」是「你好用戶」的可變部分。 – trincot

回答

1

您可以創建一個<span>元素,然後使用jQuery選擇器來設置該元素的html。

下面是一個例子:

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

您可能會解釋他是什麼jQuery,或嘗試使用vanilla javascript的另一個解決方案。 – Wikiti

0

您無法使用JavaScript標記做到這一點。但是,您可以使用DOM 可以修改您的html。開始使用此代碼片段:

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

記住script標籤加載和評估javascript代碼,但確實不更換在你的HTML正文。

此外,你應該開始編程javascript here

0

這可以幫助您:

<!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>