js基础——cssText

以前，只知道设置css里的属性都是通过元素.style.属性名 = 属性值的方式，此时经常遇到的情况就是类似这样：

var head= document.getElementById("head");

head.style.width = "200px";

head.style.height = "70px";

head.style.display = "block";

...

很麻烦，今天才知道，cssText可以帮我们简化很多，它是这样的：

var head= document.getElementById("head");

head.style.cssText="width:200px;height:70px;display:bolck";

一行！！并且各个浏览器兼容性也还不错！它是通过覆盖样式来实现的，所以如果你要通过此方法来改变样式中的一个属性，那么虽然只是改变一个属性，但是你还是需要把其他不需要改变的属性也写上！

另外，他改变的是行内样式，也就是说，如果你把它设置成空的时候，如果在内嵌或者外链的样式中设置了该元素的css样式，则该元素将显示在内嵌或者外链中设置的样式！

转载于:https://www.cnblogs.com/onclick/p/4574442.html

js基础——cssText相关推荐

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前言絮叨絮叨这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
构建node.js基础镜像_我如何使用Node.js构建工作抓取网络应用
构建node.js基础镜像 by Oyetoke Tobi Emmanuel 由Oyetoke Tobi Emmanuel 我如何使用Node.js构建工作抓取网络应用 (How I built a ...
构建node.js基础镜像_在Android上构建Node.js应用程序
构建node.js基础镜像 by Aurélien Giraud 通过AurélienGiraud 在Android上构建Node.js应用程序-第1部分:Termux,Vim和Node.js (Bu ...
JS基础知识学习（一）
JS基础知识前端开发常用的浏览器谷歌浏览器(chrome):Webkit内核(v8引擎) 火狐浏览器(firefox):Gecko内核欧朋浏览器(opera):Presto内核 IE浏览器:Tr ...
# vue.js 之对vue.js基础理解
vue.js 之对vue.js基础理解 Vue构造器 1 . Vue.js是一个构造函数,编程中称之为构造器 2 . 每一个new Vue() 都是一个Vue构造函数的实例,这个过程叫做实例化 3 ...
前端面试题目汇总摘录（JS 基础篇 —— 2018.11.01更新）
温故而知新,保持空杯心态 JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string type ...
JS基础篇--HTML DOM classList 属性
页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增.删除.修改节点上的CSS类.使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类. 添加 ...
js基础--数据类型检测的相关知识
欢迎访问我的个人博客:www.xiaolongwu.cn 前言最近工作有点忙,好几天都没更新技术博客了. 周末起床打开有道云笔记,发现自己的博客todolist里躺了一堆只有名字的文件. 话不多说, ...
【译】一份通俗易懂的React.js基础指南-2018
原文链接:tylermcginnis.com/reactjs-tut- by Tyler McGinnis 这篇文章最初发表于2015年1月,但最近被更新为React 16.3以及它所包含的所有优点. ...

js基础——cssText

js基础——cssText相关推荐

最新文章

热门文章