Get the calculated style in the CSS element (after cascading/final style)
|
To obtain the calculated style in a CSS element (that is, the final style after cascading), browsers that support W3C can use the document.defaultView.getComputedSyle method. This method accepts two parameters. The first parameter is the element to be styled, and the second parameter is a pseudo-element string (for example: ":after". If there is none, it is set to null. This method returns a StyleSheetDeclaration object, and the final style property value is obtained through the getPropertyValue(propertyName) of the object. Note that the proprtyName here is of type wrold-world (eg background-color). In IE, the element.currentStyle[propertyName] method is used. Note that the propertyName here is of the worldWorld type (such as: backgroundColor). |
<<: What is the use of the enctype field when uploading files?
>>: JavaScript implementation of magnifying glass details
Recommend
Experience in designing a layered interface in web design
Many netizens often ask why their websites always ...
vue element el-transfer adds drag function
The Core Asset Management Project requires el-tra...
How to use vue.js to implement drag and drop function
Preface Adding drag and drop functionality is a g...
Creating private members in JavaScript
Table of contents 1. Use closures 2. Use ES6 clas...
Causes and solutions for slow MySQL query speed and poor performance
1. What affects database query speed? 1.1 Four fa...
Introduction to commonly used fonts on the Web (fonts supported by iOS and Android browsers)
It's the end of the year and there are fewer ...
Talking about Less and More in Web Design (Picture)
Less is More is a catchphrase for many designers....
Vue custom bullet box effect (confirmation box, prompt box)
This article example shares the specific code of ...
Detailed graphic tutorial on installation, startup and basic configuration of MySQL under Windows version
download: Step 1: Open the website (enter the off...
How to use Element in React project
This is my first time using the element framework...
Solve the problem of spring boot + jar packaging deployment tomcat 404 error
1. Spring boot does not support jsp jar package, ...
Linux kernel device driver proc file system notes
/***************** * proc file system************...
When Nginx is turned on, the port is occupied and prompts: Address already in use
As shown in the figure: Check port usage: sudo ne...
10 issues that must be considered when designing and building large-scale website architecture
We are not discussing PHP, JSP or .NET environmen...
Example of Vue implementing fixed bottom component
Table of contents 【Effect】 【Implementation method...