要打开只有选中评论的回复文本框,可以使用以下步骤:
下面是一个示例代码片段,演示了如何根据选中的评论打开对应的回复文本框:
<!-- HTML -->
<div class="comment">
<p>This is a comment.</p>
<button class="reply-btn">Reply</button>
<textarea class="reply-textbox" style="display: none;"></textarea>
</div>
<!-- JavaScript -->
<script>
// 获取所有的评论回复按钮
const replyButtons = document.getElementsByClassName("reply-btn");
// 遍历每个回复按钮并添加点击事件监听器
for (let i = 0; i < replyButtons.length; i++) {
replyButtons[i].addEventListener("click", function() {
// 找到相应的回复文本框
const comment = this.parentElement;
const replyTextbox = comment.getElementsByClassName("reply-textbox")[0];
// 显示回复文本框
replyTextbox.style.display = "block";
});
}
</script>
以上代码假设每个评论都被包装在一个<div>
元素中,并有一个回复按钮和一个回复文本框。点击回复按钮时,将显示相应的回复文本框。你可以根据实际情况修改代码以适应你的界面布局。
当涉及到腾讯云相关产品时,请参考腾讯云官方文档和产品介绍页面获取最新的产品信息。
领取专属 10元无门槛券
手把手带您无忧上云