获取当前样式并改变div样式

最新推荐文章于 2024-06-25 10:48:32 发布
最新推荐文章于 2024-06-25 10:48:32 发布
阅读量1.3k 收藏
点赞数
分类专栏： JAVAScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenpeng19910926/article/details/50828531
版权

<script>

function getStyle(obj,attr){

return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,null)[attr];

}


function t(){

var div=document.getElementsByTagName('div')[0];

if(div.className.indexOf("")>=0){

div.className="test2";

}else{

div.className="test1";

}


div.style.width=parseInt(getStyle(div,"width"))+5+'px';


}

</script>

自然鸟神
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取div_DOM 获取当前样式和IE兼容
weixin_39630735的博客
01-12 137
获取当前样式我们先来复习一下之前是如何获取当前style样式的比如body中有这样一个div<head> <meta charset="utf-8"> <title>Documenttitle> <style> #div1{ background-color: red; ...
JS基础-获取当前元素的样式&&其他样式相关的属性
dweblover的博客
01-27 885
1.利用currentStyle方法来获取当前元素的样式 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;获取元素当前样式练习&lt;/title&gt; &lt;style type="text/css"&gt; #box1
样式变化动画
绿葡萄的博客
09-11 145
-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
HTML+CSS制作简单的家乡网页 ——我的家乡介绍广东 web前端期末大作业
最新发布
专注于dreamweaver网页设计制作
06-25 700
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web
第四天——样式变化
qq_40234947的博客
05-03 111
一、背景（background：background-color  background-image  background-position  background-repeat  background-attaachment）：background-color: 设置纯色。background-image: 背景图像：静态图片——url(图片所在地址)；                    ...
jQuery——入门基础(获取元素、样式、属性，选择集、过滤器、样式类)
HMMHMH的博客
09-22 574
目录Jquery的加载方法获取元素操作样式和属性选择集和过滤器选择集转移绑定常用事件操作样式类名 Jquery的加载方法 (1)$(document).ready(function(){}) (2)$(function(){}) 特点：对原生Js进行封装后，执行顺序在原生Js前，执行速度更快。 获取元素 选择器 参数 id选择器 $(“#id”) class类选择器 $(“....
关于javascript获取内联样式与嵌入式样式的实例
10-19
JavaScript 获取内联样式与嵌入式样式是前端开发中常见的需求，这有助于动态改变或读取元素的样式信息。在本文中，我们将深入探讨这两种获取样式的方法，并通过实例来演示其应用。 首先，我们来看如何获取内联样式...
angularjs下ng-repeat点击元素改变样式的实现方法
10-18
总结起来，通过结合`ng-repeat`、`ng-class`以及适当的CSS和JavaScript逻辑，我们可以实现点击AngularJS中的元素并动态改变其样式的效果。这种方法在创建可交互的列表和网格视图时非常有用，能够提供良好的用户体验...
Jquery使用css方法改变样式实例
12-10
- **举例1**：尝试获取`div`元素的边框颜色，但由于浏览器兼容性问题，`border-color`可能无法通过`css()`正确读取，通常需要分别获取`border-top-color`、`border-right-color`、`border-bottom-color`和`border-...
div据屏幕变化改变class
10-11
2. **获取窗口宽度**：通过`$(window).width()`获取当前窗口的宽度。 3. **条件判断**：根据不同的屏幕宽度区间执行不同的操作。这里使用了多个`if...else if`语句来覆盖不同的屏幕尺寸范围。 4. **类名管理**：对于...
js获取当前时间显示在页面上并每秒刷新
01-19
js获取当前时间显示在页面上</title> [removed] [removed]=function(){ //定时器每秒调用一次fnDate() setInterval(function(){ fnDate(); },1000); } //js 获取当前时间 function fnDate(){ var oDiv=...
漂亮的div弹出窗口样式
10-29
一个漂亮的div弹出窗口样式 解压后双击html页面即可
html获取元素的样式,使用JavaScript获取元素的所有CSS样式
weixin_35940165的博客
06-10 302
有没有办法用JavaScript选择元素的所有CSS规则？我没有在寻找特定的解决方案,只要读取给定元素的所有CSS规则即可.所以,我有以下HTML然后在单独的CSS文件中：.styledDiv{background-color: #ccc;border: solid 5px blue;}我希望最终结果包括所有内联和单独的文件CSS规则.最终结果以什么格式都没有关系,无论是字符串还是数组,无论如何....
CSS写的各种好看的层颜色
03-10 824
      web2.0 color  type="text/css">  body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px;
div漂亮样式
gaobing1106的专栏
06-26 2354
效果演示   效果演示   效果演示   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 p {   padding: 5px 10px;   margin: 10px;   ba
DIV样式汇总
yzh54ak的专栏
08-28 2009
DIV样式汇总  DIV样式汇总 最近在学习JavaScript，在做到个要控制控件样式的例子时，突然有了把常用样式汇总一下的想法，于是乎就写了以下内容，以下是以div为例来汇总的，希望对大家有些帮助。   一、常用属性： 1、Height:设置DIV的高度。 2、Width:设置DIV的宽度。 例：
分享20个漂亮的DIV CSS标准化站点案例
weixin_39037804的博客
10-05 331
　　看到有些网站的代码十分优雅，心想自己什么时候也能写出这么好的代码。其实，这不是一朝一夕能达到的，需要的实践中不断锤炼和提高。我们可以通过分析别人写得好的网页代码来更加快速的提高自己，下面向大家推荐...
利用div+css实现几种经典布局的详解，样式以及代码！
热门推荐
kongkongyou的博客
01-15 5万+
一、左右两侧，左侧固定宽度200px，右侧自适应占满 html代码 css代码 *{ margin: 0px; padding: 0px; } .divBox{ height: 500px; background: yellow; } .left{ float: left; width: 200px;
怎么实现当前点击的div样式改变，随点击的改变而改变
03-26
在这个例子中，我们使用了`querySelectorAll`方法来获取所有的box元素，并给它们添加了一个`click`事件监听器。当点击一个box元素时，会触发事件处理函数，先移除之前点击的元素的样式，再给当前点击的元素添加样式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值