Что означают "двойные кавычки" в Chrome? (Это странно)
Я заметил, что Google Chrome оборачивает внутренний текст элементов в двойные кавычки, однако функция Jquery Html () возвращает строку без кавычек. Это почему ?
А вот несколько экспериментов:
HTML-код:
<p id = "simple-text">This is a simple paragraph .</p>
<p id = "lorem-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p id = "span-text">This is a simple <span>span element</span> paragraph .</p>
Результат в Chrome (Элементы):
Примечание: в простом тексте нет двойных кавычек (# simple-text)
Результат в Chrome с использованием JQuery (Консоль):
Примечание: в тексте диапазона нет двойных кавычек (# span-text)
Обновление (редактирование Html):
Могу ли я сказать, что есть три элемента: строка, диапазон и строка?
@Sidney: Спасибо, чувак
Консоль Chrome в значительной степени делает то, что хотят от нее разработчики. Он пытается быть полезным, но есть лоты похожих вопросов о том, как консоль представляет информацию.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Кавычки на самом деле не являются частью DOM, это просто функция UX в DevTools, указывающая, что это строка, на которую вы смотрите.
Если вы щелкните элемент правой кнопкой мыши и выберите Edit HTML, вы увидите необработанный HTML.
Большое вам спасибо (эти цитаты сводили меня с ума), что теперь имеет смысл.
Итак, в span-text есть три элемента: строка, span и строка? верно ?
«TextNode» здесь лучше, чем «строка».
На этом последнем изображении весь внутренний HTML-код не определен, потому что
innerHtmlна самом деле не является свойством, он должен бытьinnerHTML.