Question

如果我有一个非常简化的JavaScript方法，例如：

function myfunction() {
     var i = 9;
}

有什么方法可以将i的值放到HTML中，这样当调用带有此方法的网页时，值9会显示在div或span元素中吗？

Answer 1

您可以撰写document.getElementById("some ID").innerHTML = i

Answer 2

您可以使用innerHTML将i值嵌入div或span元素中。

Answer 3

是的，您可以为id或<div>分配<span>，并将其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;语句就可以解决这个问题。

Answer 4

myfunction（）当前不返回其值。但是，如果要在页面被“调用”（加载）时获取值，则可以执行以下操作：

function myfunction() {
    var i = 9;
    return i;
}

在标记中：

<body onload="document.getElementById('id_of_your_div').innerHTML = myfunction()">

请注意，innerHTML存在跨浏览器问题，因此您可能希望使用jQuery的html（）等库函数来获得可靠的结果。

Answer 5

嗨：D你可以使用JQuery尝试以下方法：

var i = 9;
$('#spanId').text(i);

或经典的老式方式：

var tmp= document.getElementById('spanId');
tmp.textContent = id;

我希望这会有所帮助。

Answer 6

JavaScript的：

function myFunction() {
    var i = 9;
    return i;
}

$('myElement').innerHTML = myFunction();

HTML：

<span id="myElement"></span>

Answer 7

你也可以使用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的价值转化为HTML范围？

7 个答案: