html行内设置样式,Js获取/设置行内样式和非行内样式
1、获取行内(内嵌、行间)样式:
obj.style.attr;进行获取非行间样式。
2、设置行内样式:
obj.style.attr = value;
3、获取非行内样式:
function getStyle(obj,attr){ //获取非行间样式,obj是对象,attr是值
if(obj.currentStyle){ //针对ie获取非行间样式
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr]; //针对非ie
};
};
4、设置非行内样式:
function css(obj,attr,value){ //对象,样式,值。传2个参数的时候为获取样式,3个是设置样式
if(arguments.length == 2){ //arguments参数数组,当参数数组长度为2时表示获取css样式
return getStyle(obj,attr); //返回对象的非行间样式用上面的getStyle函数
}else{
if(arguments.length == 3){ //当传三个参数的时候为设置对象的某个值
obj.style[attr] = value;
};
};
};
原文:http://www.cnblogs.com/hu-tao/p/6033374.html
html行内设置样式,Js获取/设置行内样式和非行内样式相关推荐
- js里设置html样式,JS 动态设置css样式
1.0 内联样式 : 通过行内样式.style 属性 来编辑给定的HTMLElement的内联样式 let el = document.createElement('div') ; 01) . el. ...
- js获取剪切板内容(企业微信内嵌网页)
js获取剪切板内容 应用场景 剪切板内容获取 腾讯会议获取会议时间.会议链接和会议号 更新========================= 企业微信页面剪切板内容读取 iPhone无法进入页面 零宽 ...
- android textview 获得行数,android中提前获取TextView行数
一般情况下,TextView的行数要等到其布局完成后才能获取到,否则如果直接调用textView.getLineCount()函数获取到的结果只会为0,那能不能提前获取到TextView的行数呢,当然 ...
- js获取/设置任意元素中间内容的兼容方法
一.设置元素中间内容兼容代码 设置任意元素的中间文本内容兼容代码 /*** 设置任意元素的中间文本内容* @param {*} element 标签元素* @param {*} text 文本内容*/ ...
- js获取datagrid行,但是行改变了肿么办?
这个任务原先以为挺简单的,就是当点击datagrid中的行,就将这行的id插入到text文本框中.但是问题是一个一个接踵而来,让我措手不及啊. question1:界面是由两个datagrid组成,点 ...
- php如何获取js文本框内的内容,js获取input标签的输入值(实例代码)
代码说明: 部分标签和类是封装在框架内的,其效果和html标签类似,遇到此类标签时,按html标签来理解会容易些. 1,javascript代码 复制代码 代码示例: function InsertD ...
- JS获取video真实宽高
JS获取video真实宽高 JS代码 var video = document.querySelector('video'); video.addEventListener('canplay', fu ...
- js获取更改css伪类
在日常的开发中,我们经常在样式中使用css伪类,必要的时候,通过js操作需要改变css伪类的样式 js获取css伪类 通过getcomputed()方法,第一个参数dom元素,第二个参数伪类名称字符串 ...
- php解析api xml并输出到html页面,怎样操作JS读取xml内容并输出到div内
这次给大家带来怎样操作JS读取xml内容并输出到div内,操作JS读取xml内容并输出到div内的注意事项有哪些,下面就是实战案例,一起来看一下. note.xml文件结构: George John ...
- JavaScript提取非行间样式
提取行间样式一般格式 object.style.width=value; 提取非行间样式 IE浏览器下的写法:obj.currentStyle.name 火狐浏览器或者谷歌浏览器的写法:g ...
最新文章
- Codeforces #449 div2 C题
- 《互联网理财一册通》一一第12章 移动互联网“指尖上的理财”
- 鸟哥的Linux私房菜基础学习篇(第二版)第十二章课后习题与答案
- 商汤再挖MSRA大将:R-FCN作者代季峰加盟任执行研究总监
- Winform中设置Dialog的显示位置居中
- webpack 4.14.0 版本太高,无法执行相关指令,(将webpack高版本切换到低版本)--直接覆盖
- source tree 递归子模块_多模块 Spring Boot 项目
- spark1.0和2.0的区别_【系统】华为正式发布鸿蒙OS 2.0手机Beta版:UI界面、交互无区别...
- CentOS7下使用yum安装MariaDB
- android pdf生成 路径,android – 如何从指向PDF文档的URI获取文件路径?
- 如何解决VC++ 6.0 在win7下的兼容性问题
- ArcGIS 使用等高线和高程点数据生成DEM栅格数据
- 阿里云祝顺民:云网络的十年“修路”历程
- Protel 99SE安装向导
- 【分享】VISIO 2003下载
- 还没来得及买,就已经被淘汰的东西
- 天正CAD启动时显示服务器名称为空,如何解决天正建筑2014启动时出现error
- 【从Java转C#】第八章:委托、lambda、事件
- networkx igraph相互转换+效率比较
- 抖音速上热门推荐方法和技巧
热门文章
- 普适计算-2014/02/28
- 数据分析常见的英文缩写(一)
- 卸载python2.7_完美的.NET Framework卸载工具(支持卸载framework 1.0~4.7.2)
- WINVNC源码分析(四)——IO之rdr库
- https请求调用工具类
- 联想进入bios修复计算机,联想笔记本安装win10后开启界面一直是自动修复,进不了BIOS重装系统...
- 使用Django创建一份在线简历
- 【微信小程序】获取Bmob后端云数据库某一数据表的所有记录
- html 调用es2015模块,在浏览器中懒加载ES2015模块
- matlab使用记录--app designer清理图窗、获取当前时间