document.querySelector(".open-btn"); 它拿到的是第一个classs是open-btn的元素,不是所有的
你换成getElementsByClassName或者jQuery的选择器试试。
html:
<div class="wrapper">
<p id="text">我把你当兄弟你却想着复制我?</p>
<textarea id="input">这是幕后黑手</textarea>
<button onclick="copyText()">copy</button>
</div>
js:
<script type="text/javascript">
function copyText() {
var text = document.getElementById("text").innerText;
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
alert("复制成功");
}
</script>
querySelector只选中第一个,你要遍历,那么就应该用querySelectorAll