文本+变量串联为纯JavaScript的appendChild（$ variable）中的字符串

Question

我知道JavaScript为零。 我通过转换和组合小脚本达到了我的大部分要求。 但是，在我下面描述的那一点上，我无法完全解决我的要求。

我也想在我的常量文本之前打印超链接id的值。 我不使用jQuery。

例如，暂时只写“ 正在被答复 ”。

但是（假设超链接id = 6）它应该写为“ 6 正在被暂时答复。 ”

我已经阅读过此类问答，但我无法从中受益。 （ JS：如何在appendChild（）中连接变量？ ）

当前状态的演示@JSFIDDLE

身体标签中的JS

function reply_comment (id) {
    var LinkId = document.getElementById('parent_id');    
    LinkId.value = id;
    var message = document.createTextNode(" is being replied by the time being.");
    document.getElementById('print_id').appendChild(message);
    document.getElementById("focus_id").focus();
}

HTML

<!-- codes given above -->
<script type="text/javascript">
... ... ...
</script>
<!-- codes given above -->

<!-- when clicked on the hyperlink, store the hyperlink id value (id value is an unsigned integer)  -->
<!-- print the stored id from hyperlink into the value="{unsigned integer id}" part of input ( type:text and id="parent_id" )-->
<!-- focus on comment form's input ( type:text and id="focus_id" )  -->
<!-- print preset message between span tags ( span tag id="print_id"  ) -->


<a class="rep"  href="#focus_id" onclick="reply_comment(this.id);" id="6" rel="nofollow">reply comment</a>
<p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p><p>filling words</p>
<span id="print_id"></span>
<form>
    <label for="focus_id">Focus the cursor below</label>
    <input  type="text" id="focus_id" name="focus_id">
    <label for="parent_id">Paste parent_id below</label>
    <input  type="text" id="parent_id" name="parent_id" value="">
</form>

Answer 1

对我来说，您似乎从未将LinkId.value = id添加到您的message ：

function reply_comment (id) {
    var LinkId = document.getElementById('parent_id');    
    LinkId.value = id;
    var message = document.createTextNode(id + " is being replied by the time being.");
    document.getElementById('print_id').appendChild(message);
    document.getElementById("focus_id").focus();
}

小提琴： http : //jsfiddle.net/fiddle_me_this/nc43vypp/5/

我所做的只是在" is being replied by the time being."添加id + " is being replied by the time being."

为了连接，只需使用+运算符。 您可以合并很多东西。 示例： var string = "MY " + "CONCATENATED " + " STRING"; 将输出"MY CONCATENATED STRING" 。 等等。