码迷,mamicode.com
首页 > 编程语言 > 详细

javascript:cssText 修改元素的style样式 -     - innerHTML 修改元素的内容!

时间:2016-08-01 23:38:29      阅读:947      评论:0      收藏:0      [点我收藏+]

标签:javascript:csstext 修改元素的style样式 -     - innerhtml 修改元素的内容!

<!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>


本文出自 “春天里!” 博客,请务必保留此出处http://11180930.blog.51cto.com/11170930/1832910

javascript:cssText 修改元素的style样式 -     - innerHTML 修改元素的内容!

标签:javascript:csstext 修改元素的style样式 -     - innerhtml 修改元素的内容!

原文地址:http://11180930.blog.51cto.com/11170930/1832910

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!