当前位置: 首页 > 编程笔记 >

js改变css样式的三种方法推荐

房时铭
2023-03-14
本文向大家介绍js改变css样式的三种方法推荐,包括了js改变css样式的三种方法推荐的使用技巧和注意事项,需要的朋友参考一下

共用代码:

<div id="div">
this is a div
</div>

var div=document.getElementById('div');

第一种:用cssText

div.style.cssText='width:250px;height:250px;border:1px red solid;';

第二种:用setProperty()

div.style.setProperty('width','250px');
div.style.setProperty('height','250px');
div.style.setProperty('border','1px red solid');

第三种:使用css属性对应的style属性

div.style.width = "250px";

div.style.height = "250px";          

div.style.border = "1px solid red";

以上就是小编为大家带来的js改变css样式的三种方法推荐全部内容了,希望大家多多支持小牛知识库~

 类似资料:
  • 本文向大家介绍jQuery CSS()方法改变现有的CSS样式,包括了jQuery CSS()方法改变现有的CSS样式的使用技巧和注意事项,需要的朋友参考一下 jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性。其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔。比如要改变链接颜色,可以这样编写代码: 如果需要改变多个样式属性,可先定义

  • 本文向大家介绍jQuery操作元素css样式的三种方法,包括了jQuery操作元素css样式的三种方法的使用技巧和注意事项,需要的朋友参考一下 我们常常要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的;而jQuery里提供三种方法来实现这个功能,虽

  • 本文向大家介绍JS读写CSS样式的方法汇总,包括了JS读写CSS样式的方法汇总的使用技巧和注意事项,需要的朋友参考一下 为了日后方便查询,本人翻阅了一些资料总结了以下方法,仅限原生JS,如有不对的地方欢迎指出!只求大家看完觉得有学到点什么就OK了! 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如:var elm = docu

  • 本文向大家介绍原生JS实现获取及修改CSS样式的方法,包括了原生JS实现获取及修改CSS样式的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了原生JS实现获取及修改CSS样式的方法。分享给大家供大家参考,具体如下: 大家都知道在JavaScript原生操作中获取元素的样式,在实际操作是使用时比较频繁的一件事,这里像大家介绍下获取css样式的方法,希望可以帮助一些需要的人,如果有幸被大牛

  • 本文向大家介绍js获取css的各种样式并且设置他们的方法,包括了js获取css的各种样式并且设置他们的方法的使用技巧和注意事项,需要的朋友参考一下 js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面; 这里我们就需要: 下面这个代码主要是设置为了兼容IE这孙子; 平时我们一般可以用 getC

  • 本文向大家介绍js判断变量初始化的三种形式及推荐用的形式,包括了js判断变量初始化的三种形式及推荐用的形式的使用技巧和注意事项,需要的朋友参考一下