<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title> New Document </title>

<meta charset="utf-8">

<style>

#div1{

width:300px;

height:300px;

border:1px solid red;

background:blue;

}

</style>

<script>

function setstyle(name,value){

var odiv=document.getElementById('div1')

odiv.style['name']=value;

}

</script>

</head>

<body>

<input type="button" value="变色" onclick="setstyle("background","red")" />

<input type="button" value="变宽" onclick="setstyle("width","350px")" />

<div id="div1">

</div>

</body>

</html>

为什么点击变色和变宽按钮：不变宽变色呢？

举报该问题

推荐答案 2013-05-27

改两个地方：

function setstyle(name,value){
var odiv=document.getElementById('div1');
odiv.style[name]=value; // 去掉引号
}

<input type="button" value="变色" onclick="setstyle('background','red')" />
<input type="button" value="变宽" onclick="setstyle('width','350px')" />

温馨提示：答案为网友推荐，仅供参考

当前网址：http://11.wendadaohang.com/zd/22SFP2Mqq.html

其他回答

第1个回答 2013-06-06

在你的onclick函数中，background和width这两个参数就没有传进去就是说通过ID过得element时这些东西是不存在的你应该把点加入到style后面而且name作为变量也是应该去掉引号的

相似回答

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN...答：这个是声明一下：当前网页使用的是HTML语言，版本号HTML4.01过渡版，使用的DTD(Document Type Definition文档类型定义)位于如下网址：http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd

大家正在搜