怎么通过绑定的多个id 获取dom元素的文字 并复制
时间: 2024-03-02 15:49:17 浏览: 12
好的,我来为您详细解答一下。
首先,您需要获取到需要绑定的多个元素的id,可以将这些id存储在一个数组中。例如:
```javascript
var ids = ["element1", "element2", "element3"];
```
接着,您可以使用JavaScript中的document.getElementById()方法获取到对应的DOM元素。例如:
```javascript
var element1 = document.getElementById("element1");
```
然后,您可以使用DOM元素的innerText属性获取到元素的文本内容。例如:
```javascript
var text1 = element1.innerText;
```
最后,您可以使用JavaScript中的clipboard API将获取到的文本内容复制到剪贴板中。例如:
```javascript
navigator.clipboard.writeText(text1).then(function() {
console.log('Text copied to clipboard');
}, function() {
console.error('Failed to copy text to clipboard');
});
```
将上述代码结合起来,您可以通过绑定的多个id获取DOM元素的文本内容,并将其复制到剪贴板中。完整示例代码如下:
```javascript
var ids = ["element1", "element2", "element3"];
var texts = [];
for (var i = 0; i < ids.length; i++) {
var element = document.getElementById(ids[i]);
if (element) {
texts.push(element.innerText.trim());
}
}
var textToCopy = texts.join("\n");
navigator.clipboard.writeText(textToCopy).then(function() {
console.log('Text copied to clipboard');
}, function() {
console.error('Failed to copy text to clipboard');
});
```
希望可以帮到您。