› 首页 ›期权学习›期权知识›正文

JS设置或获得元素的行内样式

xiaojiucai 期权知识 2020-08-18 612 0

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<script type="text/javascript">    
			window.onload= function(){    
//				给按钮加单击事件    
			document.getElementById('tt').onclick=function(){    
//				获得行内样式定义的宽度     dd里面的style里面的width    
//				存到uu里面    注意，元素style .css样式这种写法只能获得元素的行内样式    
//			var uu= document.getElementById('dd').style.width;    
//			alert(uu);    
//			设置css样式  如果是 font-size 这种中间有横线的(-)要用驼峰写法：fontSize不能加横线上去，用驼峰写法    
			document.getElementById('dd').style.width='500px';    
			}    
			}    
		</script>    
	</head>    
	<body>    
		<input type="button" name="tt" id="tt" value="点我呀" />    
		<br /><br />    
		<div id="dd" style="width: 300px;height: 300px;background: #2E8B57;margin: 100px auto;"></div>    
	</body>    
</html>

原文链接：https://www.qiquanji.com/post/7479.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。