Web 接口
CSSImageValue - 表示接受图像的属性的值
我们得到了元素的样式图。然后,我们从样式表中获取背景图像并对其进行字符串化
源代码:
点击运行 »
<style> button { display: inline-block; min-height: 100px; min-width: 100px; background: no-repeat 5% center url(https://u.mifengjc.com/42e1e9892c8b0ce7.png) aqua; } </style> <button>魔法棒</button> <script> // 得到元素 const button = document.querySelector( 'button' ); // 使用 computedStyleMap() 检索所有计算出的样式 const allComputedStyles = button.computedStyleMap(); // 返回 CSSImageValue 实例 console.log( allComputedStyles.get('background-image') ); console.log( allComputedStyles.get('background-image').toString() ); </script>
运行结果:
点击运行 »