js获取动态生成的标签
时间: 2023-08-09 14:05:29 浏览: 90
如果是通过 JavaScript 动态生成的标签,可以通过以下方法获取:
1. 使用 querySelector 或 querySelectorAll 方法获取元素。
```javascript
// 获取第一个动态生成的 <div> 元素
const dynamicDiv = document.querySelector('div');
```
```javascript
// 获取所有动态生成的 <div> 元素
const dynamicDivs = document.querySelectorAll('div');
```
2. 给动态生成的标签添加一个独特的 class 或 id,然后使用 getElementById 或 getElementsByClassName 方法获取。
```javascript
// 给动态生成的 <div> 元素添加一个独特的 class
const dynamicDiv = document.createElement('div');
dynamicDiv.classList.add('dynamic');
// 获取动态生成的 <div> 元素
const dynamicDiv = document.querySelector('.dynamic');
```
```javascript
// 给动态生成的 <div> 元素添加一个独特的 id
const dynamicDiv = document.createElement('div');
dynamicDiv.id = 'dynamic';
// 获取动态生成的 <div> 元素
const dynamicDiv = document.getElementById('dynamic');
```
注意:动态生成的标签需要在页面加载后再获取,否则可能会获取不到。可以在 window.onload 或 DOMContentLoaded 事件中获取。