Как узнать какой скрипт js изменяет html
Перейти к содержимому

Как узнать какой скрипт js изменяет html

  • автор:

Как посмотреть скрипт js на другом сайте.

Понравился сайт. Решил посмотреть дизайн и скрипты. Посмотрел исходный текст html файла. В файле html нашел ссылку на css файл. На другой странице открыйл файл css. Отлично получилось к адресу сайта добавил /css/main.css и посмотрел исходный текст. А если загрузить файл — адрес cайта/JavaScript/main.js файл не читается. А выполняется. Увы

  • eTarget 2011:Панельная дискуссия «Стратегия и планирование рекламной кампании в интернете»
  • eTarget 2011: Круглый стол «Реклама в онлайн-видео»
  • Могут ли «плохие» входящие ссылки привести к ухудшению ранжирования?

На сайте с 19.05.2005
23 января 2009, 05:10

не знаю, что у вас там исполняется 🙂 берете и сохраняете файл.. 🙂

Продвигаем естественно (http://www.inetessentials.ru/) и непринужденно Проект All in Top (http://www.allintop.ru/) — обучение поисковой оптимизации без воды и на реальных примерах

На сайте с 06.11.2008
23 января 2009, 05:15

Есть плагин для FireFox — FireBug, если не ошибаюсь через него можно смотреть js:)

1) Не тупить целый день на серче. 2) Купить ссылок. 3) Перезвонить Садовскому:)
На сайте с 23.08.2006
23 января 2009, 05:26
inetessentials:
не знаю, что у вас там исполняется 🙂 берете и сохраняете файл.. 🙂

Я поставил ссылку http://сайт/jS/main.js — файл похож на index.html — часть что изменяется

Загрузилось и пытаюсь сохранить => html файл

При просмотре исходного текста сайт/jS/main.js вижу html файл — index.html

На сайте с 10.03.2007
23 января 2009, 05:51

Страницу (не скрипт) которая понравилась целиком сохраните (в IE сохранить вебстраницу полностью — будет файл html и папка с одним и тем же названием), в отдельной папке будут и картинки и скрипт и css файл.

На сайте с 07.06.2004
23 января 2009, 05:53

mnogo_voprosov:
Понравился сайт. Решил посмотреть дизайн и скрипты.

Посмотрел исходный текст html файла.
В файле html нашел ссылку на css файл. На другой странице открыйл файл css.
Отлично получилось к адресу сайта добавил /css/main.css и посмотрел исходный текст.
А если загрузить файл — адрес cайта/JavaScript/main.js
файл не читается. А выполняется.
Увы

Сохраните всю страницу как HTML -c изображениями. Все файлы изображений данной страницы, css и js, сохранятся в отдельной папке

На сайте с 19.05.2005
23 января 2009, 05:56

mnogo_voprosov:
Я поставил ссылку http://сайт/jS/main.js — файл похож на index.html — часть что изменяется
Загрузилось и пытаюсь сохранить => html файл
При просмотре исходного текста сайт/jS/main.js вижу html файл — index.html

чушь какая-то.. все прекрасно смотрится.. в мозилле во всяком случае

Свойства узлов: тип, тег и содержимое

Теперь давайте более внимательно взглянем на DOM-узлы.

В этой главе мы подробнее разберём, что они собой представляют и изучим их основные свойства.

Классы DOM-узлов

Каждый DOM-узел принадлежит соответствующему встроенному классу.

Корнем иерархии является EventTarget, от него наследует Node и остальные DOM-узлы.

На рисунке ниже изображены основные классы:

Существуют следующие классы:

  • EventTarget – это корневой «абстрактный» класс для всего. Объекты этого класса никогда не создаются. Он служит основой, благодаря которой все DOM-узлы поддерживают так называемые «события», о которых мы поговорим позже.
  • Node – также является «абстрактным» классом, и служит основой для DOM-узлов. Он обеспечивает базовую функциональность: parentNode , nextSibling , childNodes и т.д. (это геттеры). Объекты класса Node никогда не создаются. Но есть определённые классы узлов, которые наследуются от него (и следовательно наследуют функционал Node ).
  • Document, по историческим причинам часто наследуется HTMLDocument (хотя последняя спецификация этого не навязывает) – это документ в целом. Глобальный объект document принадлежит именно к этому классу. Он служит точкой входа в DOM.
  • CharacterData – «абстрактный» класс. Вот, кем он наследуется:
    • Text – класс, соответствующий тексту внутри элементов. Например, Hello в

      Hello

      .

    • Comment – класс для комментариев. Они не отображаются, но каждый комментарий становится членом DOM.
    • HTMLInputElement – класс для тега ,
    • HTMLBodyElement – класс для тега ,
    • HTMLAnchorElement – класс для тега ,
    • …и т.д.

    Также существует множество других тегов со своими собственными классами, которые могут иметь определенные свойства и методы, в то время как некоторые элементы, такие как , и , не имеют каких-либо определенных свойств, поэтому они являются экземплярами класса HTMLElement .

    Таким образом, полный набор свойств и методов данного узла является результатом цепочки наследования.

    Рассмотрим DOM-объект для тега . Он принадлежит классу HTMLInputElement.

    Он получает свойства и методы из (в порядке наследования):

    • HTMLInputElement – этот класс предоставляет специфичные для элементов формы свойства,
    • HTMLElement – предоставляет общие для HTML-элементов методы (и геттеры/сеттеры),
    • Element – предоставляет типовые методы элемента,
    • Node – предоставляет общие свойства DOM-узлов,
    • EventTarget – обеспечивает поддержку событий (поговорим о них дальше),
    • …и, наконец, он наследует от Object , поэтому доступны также методы «обычного объекта», такие как hasOwnProperty .

    Для того, чтобы узнать имя класса DOM-узла, вспомним, что обычно у объекта есть свойство constructor . Оно ссылается на конструктор класса, и в свойстве constructor.name содержится его имя:

    Выводим элемент в консоль

    Мы сказали JavaScript найти на странице элемент с классом page , но как узнать, что он его действительно нашёл? И что элемент — тот самый? Для этого нам понадобится консоль.

    Консоль — это инструмент разработчика, который помогает тестировать код. Если во время выполнения скрипта возникнет ошибка, в консоли появится сообщение о ней. А ещё в консоль можно выводить текстовые подсказки. В нашем интерфейсе консоль находится справа от редактора кода, между мини-браузером и списком задач. Чтобы увидеть сообщения в консоли, её нужно развернуть, щёлкнув по значку справа.

    Задачи Выполнено 0 из 3

    Чтобы вывести сообщение в консоль, нужно использовать console.log :

    console.log('Привет от JavaScript!');

    В результате этой инструкции в консоли появится сообщение Привет от JavaScript!

    В консоль можно выводить не только текст, но и результаты выполнения инструкций. Например, найденный с помощью querySelector элемент:

    console.log(document.querySelector('.page'));

    Инструкция получилась длинной и сложной, но вскоре мы разберём, как её упростить. А пока займёмся тестированием кода. Так называется этап создания программы, когда мы проверяем, что всё работает, как надо. И это не менее важно, чем написание кода.

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

    Перейти к заданию

    • index.html Сплит-режим
    • style.css Сплит-режим
    • script.js Сплит-режим

    FlashNews!

    На главную

email

Новая библиотека для создания графиков

Теперь вы можете создать дашборд за считанные секунды.

Что там у роботов?

В робототехнике происходит много интересного, эта новость могла бы быть об этом, но нет.

.text Content

Считываем и записываем текстовое содержимое элемента.

Время чтения: меньше 5 мин

Открыть/закрыть навигацию по статье

Обновлено 18 апреля 2024

Кратко

Скопировать ссылку «Кратко» Скопировано

Свойство text Content позволяет считывать или задавать текстовое содержимое элемента. Обращение к свойству вернёт строку, которая будет состоять из текстового содержимого всех вложенных элементов, даже если они скрыты с помощью CSS и не видны на экране.

Аналогичной функциональностью, но с некоторыми ограничениями, обладает свойство inner Text . Оно работает так же, но не включает в себя скрытые элементы.

Пример

Скопировать ссылку «Пример» Скопировано

   

Заголовок

И параграф полезного текста.

section> h1>Заголовокh1> p>И параграф полезного текста.p> section>

Обращение к свойству text Content у тега :

 const section = document.querySelector('section')console.log(section.textContent)// Заголовок и параграф полезного текста const heading = document.querySelector('h1')heading.textContent = 'Новый заголовок'// Результат: 

Новый заголовок

const section = document.querySelector('section') console.log(section.textContent) // Заголовок и параграф полезного текста const heading = document.querySelector('h1') heading.textContent = 'Новый заголовок' // Результат:

Новый заголовок

Как понять

Скопировать ссылку «Как понять» Скопировано

Для считывания и изменения текстового содержимого браузер предоставляет свойства inner Text и text Content . Запись значения работает идентично для обоих. Значение, которое возвращается при чтении свойств, отличается. text Content возвращает строку с содержимым всех вложенных потомков, вне зависимости от того, скрыты они или нет. inner Text же возвращает содержимое только видимых элементов.

Свойство может изменить только текстовое содержимое элемента. Если присвоить строку, содержащую HTML, то она вставится как простой текст и не превратится в реальный DOM-элемент. Для того чтобы вставлять HTML c помощью строки, подойдёт свойство inner H T M L .

Как пишется

Скопировать ссылку «Как пишется» Скопировано

Обращение к свойству text Content вернёт текстовое содержимое элемента. Если внутри элемента находятся дочерние узлы, то результат будет являться конкатенацией (объединением) вызовов text Content для всех этих узлов.

   

Заголовок

Параграф

Второй параграф

div> h1>Заголовокh1> p>Параграфp> p>Второй параграфp> div>
 const element = document.querySelector('div') console.log(element.textContent)// "ЗаголовокПараграфВторой параграф".// Так как слова не содержат пробелов,// то и в итоговой строке их тоже не будет const element = document.querySelector('div') console.log(element.textContent) // "ЗаголовокПараграфВторой параграф". // Так как слова не содержат пробелов, // то и в итоговой строке их тоже не будет      

Чтобы изменить текст в элементе, присвойте новое значение свойству text Content .

Установка нового текста с помощью text Content полностью удалит всё старое содержимое и запишет новое текстовое значение. Если внутри элемента были другие вложенные потомки, то все они удалятся.

   

Заголовок

Параграф.

Второй параграф.

div> h1>Заголовокh1> p>Параграф.p> p>Второй параграф.p> div>
 const element = document.querySelector('div')element.textContent = 'Я буду единственным текстом здесь' const element = document.querySelector('div') element.textContent = 'Я буду единственным текстом здесь'      

Больше никакой иконки внутри, только новый текст:

   Я буду единственным текстом здесь  div> Я буду единственным текстом здесь div>      

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *