js---style添加样式方式

最新推荐文章于 2024-03-05 13:48:53 发布

格林黄

最新推荐文章于 2024-03-05 13:48:53 发布

阅读量2.5k

点赞数

分类专栏： web前段javascript知识点汇总

本文链接：https://blog.csdn.net/apity123/article/details/72871052

版权

web前段javascript知识点汇总专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
	#div1
	{
	
		width:100px;
		height:100px;
		border:1px solid #00CC00;
	}
</style>

</head>

<body>
	<input type="button" οnclick="toChange('background','red')" value="变色"/>
	<div id="div1">
	</div>
	<script>
	var oDiv=document.getElementById("div1");
	function toChange(value,elem)
	{
		oDiv.style[value]=elem;
	}
	
	</script>
</body>
</html>

当点击变色按钮后

代码会变成

<div id="div1" background="red">
	</div>

即style加样式在行间

style取样式在行间

如果代码为

<style>
	#div1
	{
	
		width:100px;
		height:100px;
		border:1px solid #00CC00;
		background:#00FF00;
	}
</style>

则取不出background属性

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

格林黄

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js---style添加样式方式

无标题文档 #div1 { width:100px; height:100px; border:1px solid #00CC00; } var oDiv=document.getElementById("div1"); function toChange(value,elem) { oDiv.style[value]=elem; }
复制链接

扫一扫