JS基础——cssText的用法[通俗易懂]

全栈程序员-站长 • 2022年7月26日下午5:00 • 未分类 • 阅读 21

JS基础——cssText的用法[通俗易懂]JS基础——cssText的用法#div1{width:100px;height:100px;background:#f3f3f3;border:1pxsolid#ccc;color:red;}window.onload=function(){ var oDiv=document.getElementById(‘div1’); varoBtn=docume

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——cssText的用法</title>
<style>
#div1{ width:100px; height:100px; background:#f3f3f3; border:1px solid #ccc; color:red;}
</style>
<script>
window.onload = function(){
	var	oDiv = document.getElementById('div1');
	var oBtn = document.getElementById('btn1');
	
	oDiv.onclick = function(){
		oDiv.style.cssText = ' width:200px; height:200px; background:#ffc;';	
	};
	oBtn.onclick = function(){
		//oDiv.style.width = '100px';
		oDiv.style.cssText = '';	
	};
};
</script>
</head>

<body>
<div id="div1">123</div>
<input id="btn1" type="button" value="按钮" />
</body>
</html>

和innerHTML一样，cssText很快捷且所有浏览器都支持。此外当批量操作样式时，cssText只需一次reflow，提高了页面渲染性能。

但cssText也有个缺点，会覆盖之前的样式。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/158879.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

海思h264解码库

海思h264解码库海思的dll，解码h264 解码后转出yuv12dll自己百度下载 hi_h264dec.dll hi_h264dec_w.dll 调用方法：if(H264Dec.Hi264DecAU(_decHandle,pH264Data,frameLen,0,ref_decodeFrame,0)==0) pH264Data是h264帧的句柄，frameLen…

全栈程序员-站长
2022年6月28日
linux apache2配置_虚拟主机开启ssl

linux apache2配置_虚拟主机开启ssl测试环境*操作系统：Ubuntu5.10*测试机地址：10.39.6.59*测试机域名：*.firehare.com基本配置我们都知道，如果我们想在单台机器上设置多个域名或主机名时，我们就要用到基于名称的虚拟主机了。那么要如何进行设置呢？这就是本指南想解决的问题了。在Ubuntu的/etc/apache2/目录下有个Ap

全栈程序员-站长
2022年9月18日
Java后台接收参数出现java.lang.Integer cannot be cast to java.lang.Double错误（已解决）[通俗易懂]

Java后台接收参数出现java.lang.Integer cannot be cast to java.lang.Double错误（已解决）[通俗易懂]在Java接受前端传过来的数据信息的时候，使用List<List<double>>进行接收结果出现这个错误java.lang.Integercannotbecasttojava.lang.Double是类型转换出现的错误，当是这个数据在前端明明处理过，使用parseFloat转为了浮点数后端使用List<List>进行接收，此时也没有报错于是打开debug进行调试检查问题，发现传过来的数值如果是整数则为Integer类型，有小数的才是double类型

全栈程序员-站长
2022年7月16日
QListWidget的QSS用法「建议收藏」

QListWidget的QSS用法「建议收藏」本文完全是转载如下网址博客内容，如有侵权，请及时通知，博主会删除。原文地址：https://blog.csdn.net/u011125673/article/details/51753997QListWidget和QTableWidget的使用和属性，QTableWidget和QListWidget样式表的设置，滚动条的样式设置一、QListWidget的使用//一、QListWidgetli…

全栈程序员-站长
2022年6月5日
jedispool使用自动归还jedis解决方案「建议收藏」

jedispool使用自动归还jedis解决方案「建议收藏」在使用Jedispool的时候遇到一个尴尬的问题。实例必须要手动归还。即jedis高版本使用jedis.close()归还。这样据说是灵活的表现。但如果必须手动调close，那么万一项目组的成员手抖忘记掉了，这就无疑会出现很严重的情况，这无疑增加了系统的脆弱性。由于我们系统是用grpc做通信机制，所以不存在通过spring管理实例的生命周期来控制，经研究决定也决定不采用Redisson.那接

全栈程序员-站长
2022年9月5日
解决：navicat for mysql连接失败[通俗易懂]

解决：navicat for mysql连接失败[通俗易懂]1、问题描述：在navicatformysql连接mysql8.0.23时，出现如下错误。2、原因：通过百度翻译，发现是由于navicat版本的问题，出现连接失败的原因。这也就是说需要升级navicat版本。通过搜索，发现navicat是收费的，升级将会面临其他不可控的问题。于是需要寻找其他方法。通过查阅资料以及他人的经历分享。我得知了：mysql8之前的版本中加密规则是mysql_native_password,而在mysql8之后,加密规则是caching_sha2_password

全栈程序员-站长
2022年10月14日

发表回复

关注全栈程序员社区公众号