主页 / 问题 / 678283
Accepted
Stellita
Asked:2020-06-12 18:58:44 +0000 UTC2020-06-12 18:58:44 +0000 UTC

如何绑定一个按钮同时更改三张图片的滤镜？

  • 772

下午好。我是的新手，正在尝试解决这种作业。

有一个类似 identikit 的程序。在图片上方我创建了两个按钮，通过滤镜可以改变正负照片。invert但不知为什么它说按钮指的是null。帮助使按钮工作

<script>
function pozitiv() {
        document.getElementById("#vse").style.filter = 'invert: 0%';};
        function negativ(image) {
        document.getElementById("#vse").style.filter = 'invert: 100%';}
</script>
<body>
<input type="button" onclick="pozitiv()" value="Позитив"/>
<input type="button" onclick="negativ()" value="Негатив"/>
<div id="vse">
<div>
    <button onclick="slider.right();"><</button>    
    <div class="maindiv">
        <div id="scr"></div>
    </div> 
    <button onclick="slider.left();">></button>
</div>
<div>
    <button onclick="slider1.right();"><</button>   
    <div class="maindiv">
        <div id="scr1"></div>
    </div> 
    <button onclick="slider1.left();">></button>
</div>
<div>
    <button onclick="slider2.right();"><</button>   
    <div class="maindiv">
        <div id="scr2"></div>
    </div> 
    <button onclick="slider2.left();">></button>
</div>
</div>
</body>
button

2 个回答

  1. 您正在尝试使用id="#vse".

    我建议您使用以下选项：

    • document.getElementById('vse')
    • document.querySelector('#vse')

    更多的：

    • 0
  2. Best Answer

    问题如下。

    你在这片

    document.getElementById("#vse")

    您正在尝试访问元素id="#vse"。

    要使其正常工作，您需要将其修复为

    document.getElementById("vse")
    • 0

相关问题