我正在嘗試替換兩個 div（“城市”和“預算”）的文本內容，一個是陣列中的一個隨機美國城市，一個是隨機生成的數字。當我在控制臺中運行代碼時，它運行良好，但由于某種原因，它不會顯示在瀏覽器中。知道這里出了什么問題嗎？出于我的目的，我沒有使用 JQuery，只是直接使用 JavaScript。
HTML：
<div id="result">
<div class="city">
<h1>City</h1>
</div>
<div class="budget">
<h1>Budget</h1>
</div>
</div>
JS
function city() {
document.getElementsByClassName('.city').innerText = usCities[Math.floor(Math.random() * usCities.length)];
}
function budget() {
document.getElementsByClassName('.budget').innerText = Math.floor(Math.random() * 1000000) 100000;
}
uj5u.com熱心網友回復：
問題是：
- 你不給 [0] 給
getElementsByClassName. - 使用
.中的paremetergetElementsByClassName。 - 你不呼叫函式
- 你沒有定義
usCities
這應該有效：
let usCities = ["Chicago", "New York"]
function city() {
document.getElementsByClassName('city')[0].innerText = usCities[Math.floor(Math.random() * usCities.length)];
}
function budget() {
document.getElementsByClassName('budget')[0].innerText = Math.floor(Math.random() * 1000000) 100000;
}
city();
budget();<div id="result">
<div class="city">
<h1>City</h1>
</div>
<div class="budget">
<h1>Budget</h1>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/405407.html
標籤：