怎么通过绑定的多个id 获取dom元素的文字 并复制
时间: 2024-03-02 18:49:21 浏览: 12
可以通过以下步骤来获取绑定的多个id对应的DOM元素的文本,并将文本复制到剪贴板中:
1. 首先,定义一个包含需要绑定的多个元素id的数组,例如:
```javascript
var ids = ["id1", "id2", "id3"];
```
2. 然后,遍历这个数组,获取每个id对应的DOM元素,并将其文本内容保存到一个数组中,例如:
```javascript
var texts = [];
for (var i = 0; i < ids.length; i++) {
var elem = document.getElementById(ids[i]);
if (elem) {
texts.push(elem.innerText.trim());
}
}
```
这里使用了`document.getElementById()`方法来获取对应的DOM元素,`innerText`属性来获取文本内容,并使用`trim()`方法去除多余的空格。
3. 最后,将保存了所有文本内容的数组中的文本用换行符连接成一个字符串,并使用clipboard API将其复制到剪贴板中,例如:
```javascript
var textToCopy = texts.join("\n");
navigator.clipboard.writeText(textToCopy).then(function() {
console.log("Text copied to clipboard: " + textToCopy);
}, function() {
console.error("Failed to copy text to clipboard");
});
```
这里使用了`navigator.clipboard.writeText()`方法来将文本复制到剪贴板中。
完整的示例代码如下:
```javascript
var ids = ["id1", "id2", "id3"];
var texts = [];
for (var i = 0; i < ids.length; i++) {
var elem = document.getElementById(ids[i]);
if (elem) {
texts.push(elem.innerText.trim());
}
}
var textToCopy = texts.join("\n");
navigator.clipboard.writeText(textToCopy).then(function() {
console.log("Text copied to clipboard: " + textToCopy);
}, function() {
console.error("Failed to copy text to clipboard");
});
```
希望对您有帮助。