可以对javascript-Mapbox创建的元素使用getElementByClassName（）吗

是否可以使用getElementByClassName（）获取由javascript创建的元素

我正在尝试从Mapbox获取距离（仅使用纯js）。请参见图片=>

我正在尝试获取h1元素。请参见图片=>

我的代码：

<script type="text/javascript">
function myFunction() {
var code = document.getElementsByTagName('h1')[2].innerHTML;
document.getElementById("km").value = code; } </script>

函数myFunction（）{
var code=document.getElementsByTagName（'h1'）[2].innerHTML；
document.getElementById（“km”）.value=code；}

我试图用上面的方法获取h1元素的内容，但没有成功

---

任何解决方案？

要获取h1，它是具有类名

mapbox方向组件的元素的子元素，您可以使用
GetElementsByCassName
，然后从该dom位置链接一个
getElementsByTagName
。请注意，两个选择器都返回元素的集合。因此，如果您知道它是具有该类的第一个元素，并且第一个标记是该元素的子元素，那么您可以使用：

document.getElementsByClassName("mapbox-directions-component")[0].getElementsByTagName("h1")[0].innerHTML

然而，在我看来，更直接的方法是使用
querySelector
：

@谢谢你。别担心，我不会生气的。因为有人已经回答了我的问题，它帮助我解决了我的代码。而且它起作用了：）天哪，这帮了我的忙！非常感谢！我已经尝试过querySelector（）及其工作。谢谢！！
document.querySelector(".mapbox-directions-component h1").innerHTML