javascript - 输出到javascript中的标签

Question

我目前正在运行一个将结果输出到文本框中的脚本，但是我想使用不同的控件来显示结果

这是片段。. . 谢谢你！这就是我所拥有的。. .

 <input type="text" id="dice2" /><br/><br/>
    $("dice2").value = die1.getValue2();

这行不通。. .

 <span id="dice2">&nbsp;</span><br /><br />
    $("dice2").value = die1.getValue2();

我希望 javascript/html 相当于输出到 C# 中的标签。再次感谢！

Answer 1

如果您使用的是 jQuery，.val()是一个用于获取和设置输入值的函数。并且不要忘记将 # 放在元素 id 之前 $("#dice2").val($("#dice1").val());

Answer 2

您可能错过了“#”：

$("dice2").value = die1.getValue2();

应该是（对于 ID）：

$("#dice2").value = die1.getValue2();

对于（类）：

$(".dice2").value = die1.getValue2();

Answer 3

首先，这不需要 jQuery，您可以使用 vanilla JS 轻松实现。

其次，<input>标签与标签的属性不同<span>，需要分别对待。

要获取/设置<input>标签内的内容，只需调用：

document.getElementById('my-input').value

要获取/设置<span>标签调用内部的内容：

document.getElementByTagName('span').innerText（或者.innerHTML如果您不希望 HTML 被解码）

因此，如果您想从文本框中获取文本并将其放入 span 标签中，您可以执行以下操作：

var inputTextbox = document.getElementById('my-input-textbox'),
    spanResult = document.getElementById('my-resulting-span');

spanResult.innerHTML = inputTextbox.value;