How do I see what JS is changing style to my elements in Chrome dev tools or Firefox dev tools?
Andrea
My is a noob question as I am just learning JS so I am not good at it yet.
I am currently building a website ad added some JS snippets to do few actions. Now my footer has opacity: 0 and it doesn't come from CSS, therefore must come from some JS, but I cannot find it. How do I find what JS is modifying the style of a specific HTML element in the Chrome or Firefox DevTools?
Here is a screenshot to show the code: 
I checked all my JS files but couldn't find anything that gives my footer opacity:0.
Sebastian Zartner
The Chrome DevTools allow you to stop at a specific change in the DOM structure.
To do that right click the element and choose Break on > attribute modifications from the context menu.
Then, once the style attribute is added (may require a page reload), the script execution will stop at the JavaScript line where the change occurred.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How to fix 'Permission denied' in Docker sh entrypoint
- Next: Is it possible to derive table name as "NEW.<TABLE FEILD>" in MySql Trigger?
Related
TOP Ranking
- 1
pump.io port in URL
- 2
Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)
- 3
Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background
- 4
How to import an asset in swift using Bundle.main.path() in a react-native native module
- 5
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 6
Spring Boot JPA PostgreSQL Web App - Internal Authentication Error
- 7
ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3
- 8
Using Response.Redirect with Friendly URLS in ASP.NET
- 9
Can a 32-bit antivirus program protect you from 64-bit threats
- 10
Double spacing in rmarkdown pdf
- 11
How to fix "pickle_module.load(f, **pickle_load_args) _pickle.UnpicklingError: invalid load key, '<'" using YOLOv3?
- 12
3D Touch Peek Swipe Like Mail
- 13
Bootstrap 5 Static Modal Still Closes when I Click Outside
- 14
Assembly definition can't resolve namespaces from external packages
- 15
Vector input in shiny R and then use it
- 16
Emulator wrong screen resolution in Android Studio 1.3
- 17
Svchost high CPU from Microsoft.BingWeather app errors
- 18
Graphics Context misaligned on first paint
- 19
Python connect to firebird docker database
- 20
Is this docker-for-mac password dialog legit?
- 21
How to save models trained locally in Amazon SageMaker?
Comments