Почему «innerHTML» не работает в jquery?

Question

[ibr_98]

Привет

var p = $("p");
p.innerHTML("javascript");

почему innerHTML не работает в jquery? js и jq это ведь один и тот же язык, если к примеру я бы написал p.append("javascript") - то все заработало бы...

Answer 1

[iBird Rose]

Ну тк не объединяй jq объекты с js объектами.
ты по сути пишешь:
$("p").innerHTML("javascript");
тобишь ты вызывешь jquery. а в jquery нет такой функции

Comments

[ibr_98]

аа, ок

Answer 2

[Arris]

Дело в том, что
$("#id") и getElementById("id") возвращают совершенно разные структуры.
Вы сами можете проверить в консоли этой страницы, к примеру с айдишником clarify_link_436984.

Первая возвращает объект jQuery:

Object { 0: <a#clarify_link_436984.btn.btn_link.btn_comments-toggle>, length: 1, context: HTMLDocument → 436984, selector: "#clarify_link_436984" }

Вторая - (не уверен в точности формулировки: ссылку DOM-элемент)

<a class="btn btn_link btn_comments-toggle" href="javascript:void(0)" id="clarify_link_436984" title="Написать комментарий" role="toggle_question_comments">

В экземпляре, возвращаемом первой инструкцией, метод innerHTML не определен. Для этого в jQuery есть другие методы, работающие не с DOM-деревом напрямую, а с его представлением внутри jQuery (гуру фронтэнда, поправьте меня, если я не прав).

В общем, резюмируя: не путайте инструменты ;-)

Comments

[ibr_98]

спасибо

[Сергей delphinpro]

Нет в jq никакого внутреннего представления. Он просто оборачивает DOM элемент в свой объект. Любые методы jquery также работают с DOM деревом напрямую. Это вам не реакт или вью =) И к этому элементу можно обратиться как к элементу массива, как правильно написал AlexPlusPlus: p[0].innerHTML = "javascript";
или через специальный метод .get(index), который есть то же самое.
А получив доступ к DOM, можем использовать его нативные методы и свойства.

[Arris]

Сергей: благодарю за уточнение :)

Answer 3

[AlexPlusPlus]

p[0].innerHTML...