0

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

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

比如暂时只写“暂时回复中” 。

但是（假设超链接 id = 6）它应该写“目前正在回复6。 ”

我已阅读此 SO Q&A 但我无法从中受益。（JS：如何在 appendChild() 中连接变量？）

当前状态的演示 @JSFIDDLE

JS 中的 body 标签

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>
4

1 回答 1

0

对我来说，您似乎从未将其添加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/

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

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

于 2015-01-29T17:45:45.203 回答