获取行间样式与在js中设置样式

最新推荐文章于 2021-06-09 20:09:58 发布
最新推荐文章于 2021-06-09 20:09:58 发布
阅读量88 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/pcd12321/p/4356340.html
版权

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取非行间样式</title>
<style type="text/css">
*{
 margin: 0;
 padding: 0;
}
#div1{
 width: 100px;
 height: 200px;
 background: red;
 border: 1px solid;
 margin: 10px auto;
}
</style>
<script type="text/javascript">

<!--获取行间样式-->
 function css(obj,attr,value){
  if(arguments.length==2){//获取
   return getStyle(obj,attr);
  }else if(arguments.length==3){//设置
   obj.style[attr]=value;
  }
 }
 <!--浏览器的兼容性-->
 function getStyle(obj,attr){
  if(obj.currentStyle){
   return obj.currentStyle[attr];
  }else{
   return getComputedStyle(obj,false)[attr];
  }
 }
 window.οnlοad=function(){
 var oDiv=document.getElementById('div1');
 //alert(css(oDiv,'height'));//获取
    css(oDiv,'height','300px');//设置
 //无法获取符合样式如：border，background只能获取单一样式
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

转载于:https://www.cnblogs.com/pcd12321/p/4356340.html

weixin_30436101
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js和jquery中获取非行间样式
10-19
在JavaScript（JS）和jQuery中，获取非行间样式的方法有所不同。 在JavaScript中，获取非行间样式主要有以下两种方法： 1. `currentStyle`属性：在IE浏览器中，可以通过元素对象的`currentStyle`属性来获取元素的...
JavaScript 学习—— js获取行间样式和非行间样式
aed97713的博客
11-15 156
1. 问题引入 <head> <style> #div1{ width:150px; height:200px; position:absolute; left:-150px; background: green; } </style&...
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{
如何设置行间距和字间距？
Big_eyes123的博客
11-19 2049
设置行间距和字之间的距离需要用到css样式。用line-height设置行间距；用letter-spacing设置字间距。具体如下： &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;设置行间距&lt;/title&gt; &lt;style&g
JavaScript获取css行间样式,内连样式和外链样式的简单方法
10-21
在JavaScript中获取外链样式，可以访问`document.styleSheets`数组来获取样式表，然后通过`cssRules`属性访问规则。以下代码获取第一个样式表中的第一个规则的背景色： ```javascript var sheet = document.style...
JS非行间样式获取函数的实例代码
10-18
主要介绍了JS非行间样式获取函数的实现代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
JavaScript兼容性总结之获取非行间样式案例
10-21
主要介绍了JavaScript兼容性总结之获取非行间样式的相关资料,需要的朋友可以参考下
关于javascript获取内联样式与嵌入式样式的实例
10-19
JavaScript 获取内联样式与嵌入式样式是前端开发中常见的需求，这有助于动态改变或读取元素的样式信息。在本文中，我们将深入探讨这两种获取样式的方法，并通过实例来演示其应用。 首先，我们来看如何获取内联样式...
js怎样获取非行间样式，设置行间样式？
Summer_water的博客
06-08 1012
JavaScript的style属性可以获取html上标签的样式，但是不可以获取css里的样式我们怎么才能获取css里的样式？这时候就要用到JavaScript提供的currentStyle（ie）和getComputedStyle(火狐)来获取了！<!DOCTYPE html> <html> <head> <meta charset="gbk"> <title>获取行间样式</ti
html行内设置样式,Js获取/设置行内样式和非行内样式
weixin_34442215的博客
06-09 1369
1、获取行内(内嵌、行间)样式：obj.style.attr;进行获取非行间样式。2、设置行内样式：obj.style.attr = value;3、获取非行内样式：function getStyle(obj,attr){ //获取非行间样式，obj是对象，attr是值if(obj.currentStyle){ //针对ie获取非行间样式return obj.currentStyle[a...
原生javascript设置获取行间样式及非行间样式的写法
文武的博客
01-09 2324
HTML部分 <div id="box">获取样式</div>css部分 #box{ height:100px; width:100px; background-color:red; font-size:20px; }javascript部分 //使用arguments封装css函数获取或设置行间样式 function css(obj
JavaScript如何获取样式（行间）
wd
11-21 1302
前言：又接触了一些不知道的知识，真开心。下面的样式都只适用于行间样式！！！下面的样式都只适用于行间样式！！！下面的样式都只适用于行间样式！！！1、cssText关于这个属性，大家应该都很属性。<div class="box" style="color: red;font-size: 34px;"> welcome </div> <script> window.onload = fun
js 两行之间的设置间距_Reaper控制器栏的魔法——JS系列脚本介绍
weixin_42357719的博客
12-26 523
今天给大家介绍一位网名为“juliansader”的大神，他是Reaper官方论坛上顶尖的脚本高手，编写的脚本都有“js_”前缀，先请大家看一组演示动图：MIDI 编辑工具栏演示鼠标绘制 LFO鼠标绘制切割音符上下左右的弯曲变形演示一端弯曲变形及拉伸演示两端弯曲变形及拉伸演示拱形事件演示用鼠标滚轮压缩或扩展CC或力度绘制直线或曲线的CC斜坡匹配CC曲线到音符位置绘制直线或曲线的CC或弯音斜坡上下左...
JS中提取行间样式
wusiye_123456的博客
05-15 242
其实在JS当中，大部分的函数都是没有名字的 window.onload 当页面加载完成后发生，它也是一个函数。 为元素添加事件，事件和其他属性一样，可以用JS添加。 window.onload的意义。 行为、样式、结构三者分离。 这个是提取后 <!DOCTYPE html> <html lang="en"> <head> <meta ...
js——行间样式与非行间样式
维生素宿舍的博客
08-29 5389
对于行间样式与非行间样式，这里做一下总结，方便大家查阅。 首先提下两个概念：行间样式与非行间样式 行间样式：行间样式就是写在标签体内的样式：如，，在这里color样式就是行间样式。 非行间样式：非行间样式就是指不是写在标签体内的style属性的样式。如....内的定义的样式或引用的外部css文件都是非行间样式。 行间样式与非行间样式 *{margin: 0;pad
js修改行间样式
weixin_30405421的博客
01-20 281
样式优先级是 *（通配符）<标签<class<id<行间样式 其中行间样式的优先级最高哦 js中通过style属性来修改的样式，都是直接修改的行间样式，给了style的话再去修改classname就没有效果了 所以在修改样式表的过程中要么直接修改style要么修改class，不能混着来，否则样式表会出现混乱，行间事件会导致标签里面的内容 太乱不方便管理，所以编辑js的...
Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法
AC_great的专栏
03-26 2985
Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法   无标题文档   window.onload = function(){   alert(document.getElementByIdx_x('xinying').style.width); }   如果是在行间，用以上方法可以直接取到css的 属
JavaScript属性：行间、内部与外部样式解析
在这个笔记中，作者首先提到了三种不同的JavaScript样式应用方式： 1. **行间JS样式**：这是将JavaScript代码直接写在HTML元素的属性中，例如`onclick`用于定义点击事件。虽然这种方式直观且直接作用于元素，但它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值