Найдите сценарий, изменяющий содержимое HTML-тега

Мой вопрос очень похож на Вот этот, за исключением того, что я ищу не скрипт, который изменил «атрибут значения» тега, а его фактическое содержимое.

Например, на странице есть:

<div id = "mouseYDiv">Mouse Y is 312.</div>

Всякий раз, когда я перемещаю мышь, содержимое этого div меняется. Как мне найти точный код, который это делает?

Найдите что-то вроде document.getElementById('mouseYDiv').textContent или document.getElementById('mouseYDiv').innerHTML.

Olafant 13.03.2019 03:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
138
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Проверьте наличие изменений в его textContent, innerHTML или innerText:

const elm = document.querySelector('#mouseYDiv');
['innerHTML', 'textContent', 'innerText'].forEach((propName) => {
  Object.defineProperty(node, propName, {
    set() { throw new Error('value modified'); },
    // if the script also needs to retrieve the element's value:
    get() {
      const { get } = Object.getOwnPropertyDescriptor(Element.prototype, propName);
      return get.call(this);
    }
  });
});

Затем проверьте трассировку стека.

Идеально, именно то, что я искал.

Moffen 13.03.2019 03:42

По-видимому, вы можете искать три вещи

  1. Проверьте любое mouseover событие
  2. Проверьте любое mouseeneter событие
  3. Проверьте, есть ли документ.getElementById('mouseYDiv').addEventListener

кроме этого, вы также можете поискать, есть ли какие-либо document.querySlectorAll или document.getElementsByTagName

Если вы используете Chrome DevTools, вы можете установить точку останова для любого элемента, как показано ниже.

Chrome DevTools

Другие вопросы по теме