Web HTMLStyleElement API | StyleElement type property
In Web API there are style elements which have a type attribute. To fetch this type attribute we use HTMLStyleElement.type property, which returns the type of the current style.
Syntax:
getType = style.type;
Example: get the type attribute.
<!DOCTYPE html> < html > < head > < style > a:focus { background-color: magenta; } </ style > < link id = "Link" rel = "stylesheet" type = "text/css" media = "screen" /> < script type = "text/javascript" > function gettype() { var label = document.getElementById('Link'); document.getElementById('type').innerHTML = label.type; } </ script > </ head > < body > < center > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h2 >HTML StyleElement type property</ h2 > < button onclick = "gettype ();" id = "btn" > Get type </ button > < p id = 'type' ></ p > </ center > </ body > </ html > |
Output:
Click the button:
When the button is clicked:
Supported Browsers:
- Google Chrome
- Edge 12
- Firefox
- Safari
- Opera
Please Login to comment...