如何使JavaScript的價值進入HTML范圍？
[英]How to get value of JavaScript into HTML span?
問題描述
如果我有一個簡化得多的JavaScript方法，例如：
function myfunction() {
var i = 9;
}
有什么方法可以將i的值轉換為HTML，以便在調用此方法的網頁時，將值9顯示在div或span元素中？
7 個解決方案
解決方案1
4 2011-06-24 20:04:31
您可以編寫document.getElementById("some ID").innerHTML = i
解決方案2
1 2011-06-24 20:04:49
您可以使用innerHTML將i值嵌入div或span元素中。
解決方案3
1 2011-06-24 20:04:59
是的，您可以為<div>或<span>分配一個id ，並將其innerText / textContent屬性設置為您的值。
window.onload = function() {
var content = myfunction();
var tag = document.getElementById('displayVar');
if(typeof tag.innerText == "undefined") {
tag.textContent = content;
} else {
tag.innerText = content;
}
}
如果您不希望解析值的HTML代碼（或者不希望有任何HTML值），請不要使用innerHTML 。
不， 您不需要31kb的庫即可完成此類工作 （以防萬一有“ jQuery可以做到這一點！”的答案）。
請注意，還必須修改myfunction()以便它返回當前值。 一個簡單的return i; 函數中的語句將解決問題。
解決方案4
1 2011-06-24 20:05:35
myfunction（）當前不返回其值。 但是，如果要在頁面“被調用”（加載）時獲取值，可以執行以下操作：
function myfunction() {
var i = 9;
return i;
}
並在標記中：
<body onload="document.getElementById('id_of_your_div').innerHTML = myfunction()">
請注意，innerHTML存在跨瀏覽器的問題，因此您可能希望使用諸如jQuery的html（）之類的庫函數來獲得可靠的結果。
解決方案5
0 已采納 2011-06-24 20:21:39
您好：D您可以使用JQuery嘗試以下方法：
var i = 9;
$('#spanId').text(i);
或經典的老式方式：
var tmp= document.getElementById('spanId');
tmp.textContent = id;
我希望這有幫助。
解決方案6
0 2011-06-24 23:24:31
JavaScript的：
function myFunction() {
var i = 9;
return i;
}
$('myElement').innerHTML = myFunction();
HTML：
<span id="myElement"></span>
解決方案7
-1 2011-06-24 20:30:26
您還可以使用jQuery簡化語法，以下是使用jQuery的三種方法，
1）$（'span'）。text（i）
2）$（'＃someid'）。text（i）// someid = span標簽的id屬性值。
3）$（'。someclassname'）。text（i）// someclassname = span標簽的類名。
- 同樣使用jQuery意味着迫使用戶必須在頁面加載時下載其他jQuery lib。 根據用戶的連接速度，這可能會使頁面變慢。 在jQuery和普通JavaScript之間進行選擇時，您可能需要考慮這一點
如何使用Javascript獲取包含另一個跨度的跨度的值？
[英]How to get the value of a span that contains another span with Javascript?
如何使用純 Javascript 從 Div 內的 Span 獲取文本值
[英]How to get Text Value from Span inside Div with pure Javascript
<span>在HTML / JavaScript中</span>獲得多個<span>標簽的</span>價值<span>？</span>
[英]Getting value of multiple <span> tags in HTML/JavaScript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.