當我單擊評論系統javascript而不是jquery上的回復按鈕時，顯示textarea或div（在要回復的評論下方）

Question

所以我試圖在我的新站點中創建一個評論系統。所有評論都有一個ID為“ replybtn ”的回復按鈕，單擊該按鈕時，我想在ID為“ replyform ”的div內顯示一個文本區域或輸入字段評論。 而且我正在使用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>

謝謝。 這是我對stackoverflow提出的第一個問題，對不起，如果我沒有提供足夠的信息。

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>