Пытаюсь поменять querySelector на getElementById в строке
Coins_Names[i].getElementById("trading__market-table-price").innerHTML
Но получаю ошибку Сoins_Names[i].getElementById is not a function
Как быть в такой ситуации?
Html код:
<div class="trading__market-table-row" id="CoinProd_a" name="CoinID_a" onclick='ChangeCoinProdBuySell("CoinID_a");'>
<div class="trading__market-table-wrap">
<div class="trading__market-table-circle trading__market-table-circle--green" name="Point_a" onclick='ChangeColorGreenPoint("Point_a");'></div>
<!-- green -->
<div class="trading__market-table-coin">a</div>
</div>
<div class="trading__market-table-price"></div>
<div class="trading__market-table-volume" style=" "></div>
<div class="trading__market-table-change" style=" "></div>
</div>
Js код:
function Exchange_Rates_Fun(result) {
if (result.Exchange_Rates != null) {
var Coins_Names = document.getElementsByClassName('trading__market-table-row');
for (var i = 0; i < Coins_Names.length; i++) {
var name = (Coins_Names[i].getAttribute("id")).split('_')[1];
Coins_Names[i].querySelector('.trading__market-table-price').innerHTML = result.Exchange_Rates[CoinVal][name];
Coins_Names[i].querySelector('.trading__market-table-volume').innerHTML = result.Volume_Rates[CoinVal][name] / 100000000;
if (result.History_Rates[CoinVal][name] != 0) {
var change_curs = (result.Exchange_Rates[CoinVal][name] - result.History_Rates[CoinVal][name]) / result.History_Rates[CoinVal][name] * 100;
Coins_Names[i].querySelector('.trading__market-table-change').innerHTML = change_curs.toFixed(1) + '%';
Coins_Names[i].querySelector('.trading__market-table-change').classList.remove('trading__market-table-change--red');
if (change_curs < 0) {
Coins_Names[i].querySelector('.trading__market-table-change').classList.add('trading__market-table-change--red');
}
} else {
Coins_Names[i].querySelector('.trading__market-table-change').innerHTML = '0.0%';
}
}
}
}
getElementById
принадлжеть кdocument
. Этого метода нету уhtml
элемента.