JS初级cssText

最新推荐文章于 2024-03-28 23:56:19 发布

原创最新推荐文章于 2024-03-28 23:56:19 发布 · 360 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

19 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<style>
div { width:100px; height:100px; border:1px solid #333; }
</style>

</head>

<body>

<div id="div1">123</div>

<input id="btn1" type="button" value="按钮" />

<script>
var oDiv = document.getElementById('div1');
var oBtn = document.getElementById('btn1');

oDiv.onclick = function (){
   // oDiv.style.width = '200px';
   oDiv.style.cssText = ' width:200px; height:200px; ';
};
oBtn.onclick = function (){
   // oDiv.style.width = '100px';
   oDiv.style.cssText = '';
};

</script>

</body>
</html>