（11）JS中通过函数传参用一个函数设置不同属性及其值

最新推荐文章于 2023-07-20 10:09:50 发布

无人与我共黄昏

最新推荐文章于 2023-07-20 10:09:50 发布

阅读量1.1k

点赞数

分类专栏： JavaScript案例解析

本文链接：https://blog.csdn.net/Xuan6251237011/article/details/26953891

版权

JavaScript案例解析同时被 2 个专栏收录

42 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript代码

42 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中通过函数参数来设置DOM元素样式的方法，包括使用.oDiv.style.width和.oDiv.style['width']两种方式。文章通过示例展示了如何动态改变元素的宽度、高度和颜色。

摘要由CSDN通过智能技术生成

设置函数属性有两种方法，比如第一种是：oDiv.style.width="200px";第二种是用[]，即：oDIv.style['width']="200px";[]中是字面量，也就是常量的时候需要加单引号‘’，单[]里面是变量的时候，直接写变量的名字而不需要加单引号，比如：oDIv.style[name]="200px";

代码如下：

<!DOCTYPE HTML>
<!--
	
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div1{
	width:200px;
	height:200px;
	background:red;
}	

</style>
<script>
	function setStyle(name,value){
		var oDiv=document.getElementById('div1');
		oDiv.style[name]=value;


	}

</script>
</head>
<body>
<input type=