我可以在JS中为我的html使用变量吗？

Question

我有一个JS文件CharacterSelection，用户可以在其中选择一个头像并在textarea中输入他们的名字。

现在我想将html文件中的文本div设置为textarea的内容。我将使用它在屏幕上的特定位置显示播放器的名称。

我知道我可以将div设置为文本，例如：<div id ="statSheetExitButton">Exit</div>将显示“退出”（样式和位置取决于css）

我想知道是否有任何方法可以在其中放置一个String变量，因为我不知道玩家输入的名称。

我使用var name = $("#nameTextBox").val();

抓取textarea的内容

我在想说<div id ="playerName">name</div>会显示文字“name”。

有没有办法实现我的目标？

Answer 1

$("#nameTextBox").change(function(){
  $("#playerName").html($(this).val());
});

这会将事件处理程序附加到文本框，因此每次更改名称时div都会更新。

这是一个工作示例。 http://jsfiddle.net/2NkTb/

请注意，对于onchange事件，您必须跳出文本框，否则文本框必须失去焦点

Answer 2

var name = $("#nameTextBox").val();
$("#playerName").html(name);

Answer 3

这样做：

var name = $("#nameTextBox").val();
$('#playerName').text(name);

Answer 4

您可以执行以下操作：使用JavaScript字符串替换标记的html：

$('#playerName').html(myNameVar);

除此之外，我认为你不能像在模板语言中那样直接注入JavaScript变量。

Answer 5

尝试：

   $('#playerName').html($("#textbo").val());

Answer 6

var playerName = 'John Dow'
document.getElementById('playerName').innerHTML=playerName

Answer 7

您需要设置div元素的属性innerHTML。

$("playerName").innerHTML = name;