Как передать ссылку на dom элемент в функцию?

Question

[wanderbit]

Как передать ссылку на dom элемент в функцию ?

<div class ="test" data-price ="123"></div>
<div class ="test" data-price ="231"></div>
 function getElement () {
        var onloadDeliveryPrice = document.querySelectorAll('test')[0];
        changePrice(onloadDeliveryPrice);
    }
function changePrice(element){
var deliveryPrice = element.getAttribute('data-price');
        console.log(deliveryPrice);
}

Значение переменной deliveryPrice null

Answer 1

[ThunderCat]

getElementById('#test');

вроде # там не нужен... Это вы с jq попутали. И вообще, что мешает сделать console.log() в каждой строке и понять место где что-то пошло не так?

Comments

[Stalker_RED]

Зачем дебажить при помощи console.log() если в любом нормальном браузере встроен нормальный дебаггер?

[ThunderCat]

wanderbit: ок, но проверить на каком этапе косяк можно? Не умеешь дебагом браузера пользоваться, ок, есть консольлог, НАТЫКАЙ ВЕЗДЕ, попробуй упростить селектор, не хапай много, решай по шагам.

[Stalker_RED]

ThunderCat: ставишь брейкпоинт в подозрительном месте и дальше пошагово. И не придется "натыкивать везде".

[ThunderCat]

Stalker_RED: спасибо, я знаю как работает дебаг )

[Stalker_RED]

ThunderCat: и тем не менее продолжаете "натыкивать везде" console.log()? Или только новичкам советуете, чтоб побольше страдали? :)

[ThunderCat]

Stalker_RED: ну да, страдать, если не можешь учиться )

[ThunderCat]

Stalker_RED: на опыте джунов - новичкам важно писать код который что-то дебажит, брекпоинты почему то их не так вдохновляют, лог дает иллюзию контроля ) Проверено, брейкпоинт стайл приходит с опытом )

Answer 2

[Stalker_RED]

document.getElementById('#test')
исправьте на
document.getElementById('test')
а если хотите привыкать к хорошему, то на
document.querySelector('#test')

И у вас названия функций не соответствуют тому, что они делают. Это важно.