Question

我有以下代码，我想将两个DIV标签的不透明度更改为.5。我似乎无法让它像宽度和高度一样工作。我没有正确传递不透明度参数，还是这个newdiv.style.opacity = opacity;不正确的部分？

<!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>

Answer 1

您的通话中的参数数量错误。看起来html参数不再被使用了？尝试更改此内容：

function creatediv（id，html，width，height，left，top，opacity）

对此：

function creatediv（id，width，height，left，top，opacity）

Answer 2

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

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

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

通过传递函数参数来改变Javascript中DIV的不透明度？

2 个答案: