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

【问题标题】：Changing opacity of DIV within Javascript by passing a function parameter?通过传递函数参数来改变 Javascript 中 DIV 的不透明度？
【发布时间】：2013-02-24 14:03:28
【问题描述】：

我有以下代码，我想将两个 DIV 标记的不透明度更改为 0.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>

【问题讨论】：

标签： javascript html opacity function-parameter

【解决方案1】：

您的调用中的参数数量错误。似乎不再使用 html 参数？尝试改变这个：

function creatediv(id, html, width, height, left, top, opacity)

到这里：

function creatediv(id, width, height, left, top, opacity)

【讨论】：

【解决方案2】：

尝试使用其他标识符代替不透明度。

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

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

【讨论】：

我将 opacity 更改为 op 并没有运气。