2015-11-06 2 views
1

Я хочу понять основную разницу между следующими утверждениями. Идентификатор нацелен на тег флажка.У меня проблема с пониманием DOM

1] Var loc = document.getElementById("location"); 
    Console.log(loc); 

2] console.log(document.getElementById("location")); 

Ist один пишет [объект HTMLInputElement] второй пишет HTML код для CheckBox тега

+0

* «Ist one пишет [object HTMLInputElement] 2nd пишет html-код для тега флажка« * Ummmm ... какой браузер? Было ли все остальное тем же, когда вы делали эти два теста? –

ответ

1

1). Вы объявляете переменную и сохраняете элемент html как объект в loc, а затем записываете на консоль.

2). Вы пишете чистый элемент элемента html прямо на консоль.

Нет разницы в значении, которое вы выписываете на консоль.

+0

Но он работает для кнопки как var b = document.getelementbyid (btn); b.onclick и document.getelebyid (btn) работают одинаково или даже если это sme-выход в консоли –

2

Ваши утверждения идентичны в любом реальном смысле (кроме переменной), это просто как console уже отображается результат.

Консоль ведет себя по-разному (по крайней мере, в Chrome) в зависимости от того, открыто ли это при регистрации. Я предполагаю, что вы закрыли его для своего первого примера, но открываете для своего второго (или подобного).

Но речь идет о консоли, а не DOM. В обоих случаях то, что вы проходили до console.log, было ссылкой на элемент HTML.

+0

Он работает, если я пишу document.getelementbyid (loc) .onclick и не работает, если я сохраню идентификатор retreive в переменной, такой как loc.onclick –

+0

@KamalAhmad: код в этом комментарии не имеет никакого смысла, потому что вы, похоже, используйте 'loc' двумя разными способами, не сказав, что это такое. Если у вас есть код, который не работает, вы можете отправить вопрос об этом коде. * Этот вопрос не касался обработчика 'onclick'. Но в принципе «document.getElementById (« foo »). Onclick = ...' будет точно таким же, как «var loc = document.getElementById (« foo »); loc.onclick = ... 'кроме того, конечно, что вы объявили переменную. –

+0

Im новый здесь только что подписался. Хорошо работает обработчик onclick. Поскольку я сказал, что это не работает, если я помещаю его в var и отображаю его в consoole или даже с onclcik, используя этот var как loc.onclick или console.log (loc) –

0

Документ.getelementbyid ("loc"). Onclickworks, но это в переменной не работает, и я думаю, что это не о браузере, а var в консоли работает, если мы сохраняем текстовое поле в переменной и нажимаем его на консоль

Смежные вопросы