StylePropertyMapReadOnly.has()

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The has() method of the StylePropertyMapReadOnly interface indicates whether the specified property is in the StylePropertyMapReadOnly object.

Syntax

var boolean = StylePropertyMapReadOnly.has(property)

Parameters

property

The name of a property.

Return value

A boolean.

Example

Here we use the has() method to see if the padding-top property is present within the button elements style attribute.

// get the button element
const buttonEl = document.querySelector('.example');

// find what's in the style attribute with attributeStyleMap and has()
const hasPadTop = buttonEl.attributeStyleMap.has('padding-top);

console.log(hasPadTop); // logs true if padding-top is present in style attribute

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
has
66
79
No
No
53
No
66
66
No
47
No
9.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StylePropertyMapReadOnly/has