2013-02-24 47 views
0

我有以下代码,我想将两个DIV标签的不透明度更改为.5。我似乎无法像宽度和高度那样工作。我是否没有正确传递不透明度参数?是否这个newdiv.style.opacity = opacity;不正确?通过传递函数参数更改Javascript中DIV的不透明度?

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<script> 
var my_div = null; 
var newDiv = null; 
function creatediv(id, html, width, height, left, top, opacity) 
{ 
    var newdiv = document.createElement('div'); 
    newdiv.setAttribute('id', id); 

    newdiv.style.width = width + "px";  
    newdiv.style.height = height + "px";  

    newdiv.style.position = "absolute";   
    newdiv.style.left = left + "px";   
    newdiv.style.top = top + "px"; 

    newdiv.style.background = "#0CC"; 
    newdiv.style.border = "10px solid #000";  
    newdiv.style.opacity = opacity; 
    newdiv.innerHTML = 'html n'; 
    document.body.appendChild(newdiv); 

    my_div = document.getElementById(id); 
    document.body.insertBefore(newdiv, my_div); 
} 
</script> 
<body onload=" creatediv('xdiv1', 300, 300, 100, 100, .5);creatediv('xdiv2', 30, 30, 100, 100, .5)"> 
<div id='xdiv1'> </div> 
<div id='xdiv2'> </div> 
</body> 
</html> 

回答

1

您的通话中参数数量错误。它看起来像html参数不再被使用?尝试改变这一点:

功能creatediv(ID,HTML,宽度,高度,左,上,不透明度)

要这样:

功能creatediv(ID,宽度,高度,左,上,不透明度)

0

尝试使用其他标识符而不是不透明度。

“不透明度”是属性。我认为你不能有一个同名的标识符。

我不确定,但我认为这值得尝试。

+0

我把'opacity'改为'op',没有运气。 – pandoragami 2013-02-24 05:56:51