顯示JavaScript變量在HTML體

這裏是我的大概代碼：顯示JavaScript變量在HTML體

<script> 
function smth(){........} 
    var name = smth('fullname'); 
var hobby = smth('hobby'); 

    </script>

我需要在HTML身體正常顯示。然而，我試過的每一種方式都給了我一個警戒窗口，或者根本不起作用。我沒有找到類似的解決方案。我知道上面的方法也提供了一個警告窗口，但我只是想告訴你我得到變量的方式。在此先感謝。

來源

2015-05-24 July

嘗試'文件撰寫（名）;' – b2238488

的[這]可能的複製（http://stackoverflow.com/questions/ 9689109/how-to-display-javascript-variables-in-a-html-page-without-document-write） – anshabhi

所以你要追加一些文本到<body>？

function smth(str) { 
    return document.body.appendChild(document.createTextNode(str)); 
}

這是利用以下DOM方法

請注意，它不會引入格式（例如作爲線路剎車<br />），如果你想要那些你需要添加它們的太。

來源

2015-05-24 18:39:35

謝謝！請問您能否具體請 – July

通過這種方法，您可以通過ID定位元素並插入任何您喜歡的元素，但Paul S建議的解決方案更加簡單和乾淨。

<html> 
    <head> 
     <script type="text/javascript"> 
      var myVar = 42; 
      function displayMyVar(targetElementId) { 
       document.getElementById(targetElementId).innerHTML = myVar; 
      } 
     </script> 
    </head> 
    <body onload="displayMyVar('target');"> 
     <span id="target"></span> 
    </body> 
</html>

來源

2015-05-24 18:42:35 Tabaqui

工作..部分，作爲第一我仍然得到警報窗口！ – July

你是什麼意思的警報窗口？ – Tabaqui

我的不好，我的意思是彈出一個 – July

嘗試使用：

var yourvar='value'; 
document.body.innerHTML = yourvar;

來源

2015-05-24 18:43:24

其中一個很常見的方式做到這一點是使用innerHTML。假設你聲明的<body>作爲輸出<p>，那麼你可以這樣寫：

<script> function smth(){........} 
var name=smth('fullname'); 
var hobby=smth('hobby') 
var out=document.getElementById("output"); 
out.innerHTML=name; (or you may write hobby) 
</script>

來源

2015-05-24 18:46:21 anshabhi

顯示JavaScript變量在HTML體

回答

相關問題