显示文本区域或 div（就在要回复的评论下方），当我点击评论系统上的回复按钮时 javascript 而不是 jquery

Question

所以我正在尝试在我的新 site.All 中创建一个评论系统，评论有一个 ID 为“replybtn”的回复按钮，点击我想显示div 内的文本区域或输入字段，id 为“replyform”，位于相应评论的正下方。我正在使用 php、mysql 来检索评论。

<div class='cmt'>
    <div class='cmttext'></div>
    <div id='replybtn'></div>
    <div id='replyform'>
       <form method='post' ..... >
          <textarea name='reply' ></textarea>
          <input type='submit' />
       </form>
    </div>
</div>

谢谢。这是我在 Whosebug 上提出的第一个问题，很抱歉，如果我没有提供足够的信息。

Answer 1

试试这个。很简单JavaScript。在下面修改你想要的。 :) 我更新了。

var varHtml = "<form method='post' ..... ><textarea name='reply' ></textarea> <input type='submit' /> </form>";


var allElements = document.body.getElementsByClassName("replybtn");

var addCommentField = function() {
  for (var i = 0; allElements.length > i; i++) {
    if (allElements[i] === this) {
      console.log("this " + i);

      if (document.getElementsByClassName("replyform")[i].innerHTML.length === 0) {
        document.getElementsByClassName("replyform")[i].innerHTML = varHtml;
      }

    }
  }
};


for (var i = 0; i < allElements.length; i++) {
  allElements[i].addEventListener('click', addCommentField, false);
}

<div class='cmt'>
  <div class='cmttext'></div>
  <button class='replybtn'>replybtn</button>
  <div class='replyform'></div>
</div>
<div class='cmt'>
  <div class='cmttext'></div>
  <button class='replybtn'>replybtn</button>
  <div class='replyform'></div>
</div>
<div class='cmt'>
  <div class='cmttext'></div>
  <button class='replybtn'>replybtn</button>
  <div class='replyform'></div>
</div>

显示文本区域或 div（就在要回复的评论下方），当我点击评论系统上的回复按钮时 javascript 而不是 jquery

Show textarea or div (just below the comment to reply),when i click reply button on comment system javascript not jquery

javascript

php

comments

system