将JavaScript变量的值附加到不带脚本的标签

Question

有没有办法在不使用jquery的情况下将javascript变量的值附加到标签？

例如：

Var global_message = "1234";

<label id="my-label">Test</label>

我希望在浏览器中显示值Test1234。

我不想写一个jQuery说

$("#my-label").val() = $("#my-label").val()+global_message

Answer 1

val()方法用于更新表单元素的值，因此不能用于更新标签的文本内容。

要更新label文本，请使用带有回调函数的text()方法，其中callback中的第二个参数包含旧文本。

$("#my-label").text(function(i, oldText){
  return oldText + global_message;
})

 var global_message = "1234"; $("#my-label").text(function(i, value) { return value + global_message; }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label id="my-label">Test</label> 

Answer 2

 var global_message = "1234"; document.getElementById("my-label").innerText += global_message; 

 <label id="my-label">Test</label> 

Answer 3

从您的问题中我了解到的是，您想直接在HTML中访问JavaScript变量，并且不想使用任何JavaScript / jQuery代码。

但是，您不能在<Script>标记之外访问JavaScript变量。 HTML无法识别任何变量。

因此，如果您想使用JavaScript和@Pranav C Balan使用jQuery，则可以使用@WitVault答案