我只是试图将函数func()中的一些javascript值传递给标签"p".But --不是happening.Can，有人帮我吗？

Question

Html主体的一部分：

<div id="d">
    <div class="imge">
        <img src="meter.jpg" width="450" height="350" alt="" />
        <h2>1234578  kWh</h2>
    </div>
</div>

这是javascript函数。

function func()
{
 document.getElementById("d").getElementsByClassName("imge").getElementsByTagName("h2")[0].innerHTML="String"
}

上述语法正确吗？

提前感谢

Answer 1

func()中的代码应该是document.getElementById("d").getElementsByClassName("imge")[0].getElementsByTagName("h2")[0].innerHTML="String"

因为getElementsByClassName返回一个数组

Answer 2

document.getElementsByClassName方法返回一个HTMLCollection，因此您至少需要使用一些索引，比如[0]来从这个集合中获取第一个元素：

document.getElementById("d").getElementsByClassName("imge")[0].getElementsByTagName("h2")[0].innerHTML="String"

但是，使用querySelector通过CSS选择器检索HTML要方便得多：

function func() {
    document.querySelector('#d .imge h2').innerHTML = "String";
}