uniapp使用document.getElementsByClassName
时间: 2023-11-30 10:06:55 浏览: 108
uniapp使用document.getElementsByClassName方法时,需要注意兼容性问题。在IE8及其以下浏览器中,document.getElementsByClassName方法无法正常使用。如果需要在uniapp中使用该方法,可以考虑使用其他方法进行替代,比如使用document.querySelectorAll方法,该方法可以在各种浏览器中正常使用。
具体地,可以使用以下代码示例来实现类似的功能:
```
// 获取所有class为"iframe-top"的元素
var elements = document.querySelectorAll(".iframe-top");
```
这样就可以获取到所有class为"iframe-top"的元素了。需要注意的是,document.querySelectorAll返回的是一个NodeList对象,如果需要对获取到的元素进行具体的操作,可以使用forEach方法或者通过索引进行访问。
总结起来,uniapp中可以使用document.querySelectorAll方法来替代document.getElementsByClassName方法,以避免在IE8及其以下浏览器中的兼容性问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [document.getElementsByClassName(“iframe-top“) 获取为undefined或为空数组 ,拿不到想要的元素](https://blog.csdn.net/m0_63108819/article/details/124164492)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题](https://download.csdn.net/download/weixin_38617196/12886255)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文