html内敛样式background,js获取内联样式的方法

javascript 获取内联样式

#box{

width:100px;

height:100px;

background-image:url(1.jpg);

background-size:140% 140%;

background-repeat:no-repeat;

border:20px solid rgba(0,0,0,.3);

background-clip:border-box;

background-position:-20px -20px;

}

//获取内联样式元素

function getStyle( obj , attr )

{

if ( window.getComputedStyle ) {

return getComputedStyle( obj , null )[attr];

}else{

return obj.currentStyle[attr];

}

//获取对象

function $(id){

return document.getElementById(id);

}

var box = $('box');

//打印样式

alert(getStyle(box , 'background-position'));

html内敛样式background,js获取内联样式的方法相关推荐

你真的知道css三种存在样式（外联样式、内部样式、内联样式）的区别吗？
css样式在html中有三种存在形态: 内联样式:<div style="display: none"></div> 内部样式: <style> ...
js学习笔记82——操作内联样式
js学习笔记82--操作内联样式通过js修改元素的样式查参考手册内联样式读取元素的样式看如下代码 <!DOCTYPE html> <html lang="en&q ...
css vue 内联_vue 内联样式style中的background
在我们使用vue开发的时候有很多时候我们需要用到背景图这个时候会直接使用内联样式直接把你拿到的数据拼接上去注意在vue中直接使用style时花括号一定别忘记还有就是你的url一定 ...
修改html内联样式的方法
以前写html有个不好的习惯,就是把样式添加到标签内,虽然写的时候觉得方便,但之后维护起来真心麻烦,一个样式要改,所有页面跟着改,当时没有想到其他简便的方法,就手动更改.因为内联样式优先级高,再引入c ...
【CSS】CSS 层叠样式表 ① ( 简介 | CSS 引入方式 - 内联样式 | 内联样式语法 | 内联样式缺点 )
文章目录一.CSS 层叠样式表二.CSS 引入方式 - 内联样式 1.内联样式语法 2.内联样式缺点 3.内联样式代码示例 ① 核心代码示例 ② 完整代码示例 ③ 执行结果一.CSS 层叠样式表 ...
CSS学习笔记-【内联样式、内部样式、外部样式表】 AND 2018-11-21（21:18）
一.内联样式 1.在DIV标签中添加内联样式. 添加style属性 . 在style中属性和值得表示方法为: style="属性:值;属性:值"; 例如: <div styl ...
css实例 css中id/class 详解样式表（外部样式表内部样式表内联样式 7种基础选择器多重样式优先级错误理解）[第一天]
文章目录 css实例 css中的id css中的class 样式表外部样式表内部样式表内联样式 7种基础选择器多重样式优先级错误理解 css实例 CSS 规则由两个主要的部分构成:选择器,以 ...
JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JS学习笔记13-操作内联样式
一.通过JS修改元素的样式语法: 元素.style.样式名=样式值(字符串). box.style.width="300px"; 注意:如果css样式名中含有-,这种名称在JS中 ...

html内敛样式background,js获取内联样式的方法

html内敛样式background,js获取内联样式的方法相关推荐

最新文章

热门文章