css函数，来自于jQuery，获取非行间样式

最新推荐文章于 2024-08-04 16:33:59 发布
最新推荐文章于 2024-08-04 16:33:59 发布
阅读量74 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/redaisy567/p/5946907.html
版权

css(oDiv,'width')获取样式(会把样式的结果给返回出去)

css(oDiv,'width','200px')       设置样式

简单来说，css函数给两个参数是获取，给三个参数是设置。

html格式：

  1.   <body>  
  2.     <div id="div1" style="width:200px; height:200px; background:red;">  
  3.     </div>    

js代码：

  1. function css()  
  2.     {  
  3.         if(arguments.length==2)  
  4.         {  
  5.             return arguments[0].style[arguments[1]];  
  6.         };  
  7.         else  
  8.         {  
  9.             return arguments[0].style[arguments[1]]=arguments[2];  
  10.         };  
  11.     };  
  12.   
  13.     window.οnlοad=function ()  
  14.     {  
  15.         var oDiv=document.getElementById('div1');  
  16.   
  17.         //alert(css(oDiv,'width'));  //两个参数，获取样式  
  18.   
  19.         css(oDiv,'background','green');  //三个参数，设置样式  
  20.     };  

上面的代码简写：

  1. function css(obj,name,value)  
  2.     {  
  3.         //alert(obj==arguments[0]);  
  4.         if(arguments.length==2)  
  5.         {  
  6.             return obj.style[name];  
  7.         };  
  8.         else  
  9.         {  
  10.             return obj.style[name]=value;  
  11.         };  
  12.     };  
  13.   
  14.     window.οnlοad=function ()  
  15.     {  
  16.         var oDiv=document.getElementById('div1');  
  17.   
  18.         alert(css(oDiv,'width'));  
  19.   
  20.         //css(oDiv,'background','green');  
  21.     };  

 

转载于:https://www.cnblogs.com/redaisy567/p/5946907.html

weixin_30537391
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js和jquery中获取非行间样式
10-19
为了跨浏览器兼容，我们可以封装一个函数来获取非行间样式，如： ```javascript function getStyle(obj, attr) { if (obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle...
JS非行间样式获取函数的实例代码
10-18
主要介绍了JS非行间样式获取函数的实现代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
js 获取行间样式
WangJiangNan17214的博客
08-31 463
获取行间样式     #div1{width:200px;height:200px;background:red;margin:20px;}       function getStyle(obj,name){        if(obj.currentStyle){         return obj.currentStyle[name];        }else{
Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法
AC_great的专栏
03-26 2985
Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法   无标题文档   window.onload = function(){   alert(document.getElementByIdx_x('xinying').style.width); }   如果是在行间，用以上方法可以直接取到css的 属
JQuery
qq_51114085的博客
07-27 661
jQuery使用前期，jQuery侧重于快速找到页面上的各种节点。使用后期，jQuer丰富了事件操作，ajax操作，动画效果，DOM操作等等。jQuery是对javascript封装的一个框架包，它简化了javacript的操作。javascript代码获得页面节点对象，ajax元素节点对象实现，事件操作，事件对象。jQuery代码无需考虑浏览器兼容问题，代码量少。重点（操作元素）jquery方式操作属性(attribute)$().attr(属性名称);//获得属性信息值。...
获取元素的style样式（内联，内部）
xi_2130的博客
09-26 9189
我们在实际应用中，经常会获取元素的样式， 我们会这样获取：获取内嵌样式<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获取非行间元素样式</title> <style type="text/css">
JavaScript兼容性总结之获取非行间样式案例
10-21
主要介绍了JavaScript兼容性总结之获取非行间样式的相关资料,需要的朋友可以参考下
js如何获取非行间样式
哎
03-14 4798
我们都知道，js不能直接获取样式表中的样式，例如width，left，只能直接获取行内样式，但是现在主流不建议写行内样式，因此我们封装一个可以直接获取非行间样式的函数 function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } el
jquery根据css属性获取元素
skyline222的专栏
11-27 1482
jquery感觉css的某个样式和样式值，得到元素: 例如:$("img").css("display","none").attr("id");获取img中css样式display:none的元素ID值
使用jQuery获取非行内式的HTML元素的style属性
litong149的博客
08-25 3171
使用jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性。 语法： css("propertyname","value"); 1.当value参数不存在时为获取该属性 2.当value参数存在时为设置该属性。 $("p").css("background-color");//获取p元素的背景颜色 $("p").css("background-col.
js获取非行间样式获取与定义
摘取天上星
01-14 2152
<!--DOCTYPE html--> <meta charset="utf-8" /> *{ text-align:center;} input{ margin-top:30px; padding:10px 20px;} #div1{ width:500px; height:300px; background:red; marg
仿jQ 之css（）函数 样式获取和设置------------arguments的妙用
小漠007的专栏
10-21 1377
#div1{           width:100px;             height:100px;             border:1px solid 1px;         }                 //获取非行内样式         function getStyle(obj, attr)         {             if(
牛客JS题（二十一）数组扁平化
最新发布
不起眼小菜菜的博客
08-04 821
注释很详细，直接上代码……
SpringBoot+Vue图书(图书借阅)管理系统-附项目源码与配套文档
m0_74283290的博客
08-03 1238
本论文阐述了一套先进的图书管理系统的设计与实现，该系统采用Java语言，结合现代Web开发框架和技术，旨在为图书馆提供高效、灵活且用户友好的资源管理解决方案。系统利用Spring Boot框架为核心，整合MyBatis ORM工具，以及MySQL数据库，构建了一个高性能、可扩展的后端服务。前端界面则采用了Vue.js框架，以提供流畅的用户交互体验。论文首先进行了详尽的需求分析，确定了系统的核心功能，包括图书的添加、编辑、删除、查询，读者的注册、登录、个人信息管理，以及图书的借阅、归还、续借流程。
Function Call & ReACT，Agent应用落地的加速器--function calling和react有什么不同
Dove_1234的博客
08-03 824
探索智能体Agent的未来之路：Function Call与ReACT框架的较量，谁能引领未来？
Springboot+Websocket+Security+Vue 实现弹幕推送功能
Gemini1995的博客
08-01 704
【代码】Springboot+Websocket+Security+Vue 实现弹幕推送功能。
js封装一个可以获取元素的非行间样式的函数
04-08
好的，以下是获取非行间样式的函数封装代码示例： ``` function getStyle(obj, attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; } else{ return getComputedStyle(obj,false)[attr]; } } ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值