在不使用在angular 2+中使用*ngFor生成的document.getElementById()的情况下在DOM中查找元素

在不使用在angular 2+中使用*ngFor生成的document.getElementById()的情况下在DOM中查找元素，可以使用以下方法：

使用querySelector()方法：querySelector()方法可以通过CSS选择器来查找DOM元素。例如，要查找class为"example"的元素，可以使用以下代码：

var element = document.querySelector('.example');

这将返回第一个匹配的元素。如果要查找多个元素，可以使用querySelectorAll()方法。

使用getElementsByClassName()方法：getElementsByClassName()方法可以通过类名来查找DOM元素。例如，要查找class为"example"的所有元素，可以使用以下代码：

var elements = document.getElementsByClassName('example');

这将返回一个包含所有匹配的元素的HTMLCollection对象。

使用getElementsByTagName()方法：getElementsByTagName()方法可以通过标签名来查找DOM元素。例如，要查找所有的p元素，可以使用以下代码：

var elements = document.getElementsByTagName('p');

这将返回一个包含所有匹配的元素的HTMLCollection对象。

使用querySelectorAll()方法：querySelectorAll()方法可以通过CSS选择器来查找DOM元素，并返回一个包含所有匹配的元素的NodeList对象。例如，要查找所有class为"example"的元素，可以使用以下代码：

var elements = document.querySelectorAll('.example');

这些方法可以在不使用*ngFor生成的情况下，在DOM中查找元素。它们提供了灵活的选择器和方法来满足各种查找需求。

腾讯云相关产品和产品介绍链接地址：

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云