我只是想將函數 func() 中的一些 javascript 值傳遞給標簽“p”。但它沒有發生。誰能幫我解決這個問題？

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

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";
}

Answer 2

func()的代碼應該是document.getElementById("d").getElementsByClassName("imge")[0].getElementsByTagName("h2")[0].innerHTML="String"

因為getElementsByClassName返回一個數組