更改部分不透明度onclick?

时间:2012-12-08 22:32:20

标签: javascript html css onclick opacity

我正在尝试在点击div时使用javascript更改a的不透明度。

这是我的HTML:

<section id="section2">
<img onclick="one()" class=img src="1.png" />
</section>
<section id="6-1">
    Hello World
</section>

我的javascript:

function one() {
    document.getElementById('6-1').style.opacity = '1';
    document.getElementById('section2').style.opacity = '0';
}

出于某种原因,它不起作用

谢谢!

2 个答案:

答案 0 :(得分:1)

就像ModernDesigner所说,引用你的属性并改变你的id不是从数字开始,但除此之外,我仍然无法弄清楚你的问题。但是现在你可以使用jQuery来使它工作。

这是Fiddle,每次点击它都会切换它,所以希望这有帮助

它一直说这个函数没有定义,所以也许你有一些不正确的语法或其他东西。目前虽然我使用了jQuery的.click()函数而不是onClick=,因为它无效。

答案 1 :(得分:1)

尝试设置不带''的值,如下所示:

document.getElementById("section2").style.opacity = 1;

对我来说很好。