javascript - 单击按钮时不会显示音频控件 JavaScript

标签 javascript css html

我有一个问题,我正在将 JavaScript 嵌入我的网站以在单击按钮时显示音频控件。我用 CSS 隐藏了控件,我需要 JavaScript 在单击按钮时显示控件。这是我的代码。

<video id="videoBackground" poster="img/loading.gif" onload="function()" width="1920" height="1080" preload="auto" onprogress="animCD_onprogress();" onended="animCD_start();">
    <source id="colorVid_mp4" type="video/mp4" src="img/luther_color.mp4">      
</video>

    <audio id="audioInterview" preload='auto' controls>
        <source src="audio/interview.mp3" type="audio/mpeg">
    </audio>


<div class="buttonSkip" onclick="window.location='http://www.lrltv.org/muslims-nuclear.html'"></div>

<div id="buttonPlacement" class="buttonPlacement">
    <div onclick="showAudio('audioInterview')"; class="btnDonate"></div>
    <div onclick="alert('Clicked Buy');" class="btnBuy"></div>  
</div>

<!-- Show Audio when button is clicked -->

<script>
    function showAudio('audioInterview')
    {
        var obj=document.getElementById('audioInterview');
        obj.className = 'show';
    }
</script>

最佳答案

function showAudio('audioInterview')
{
    var obj=document.getElementById('audioInterview');
    obj.className = 'show';
}

错了,应该是

 function showAudio(controlId)
    {
        var obj=document.getElementById(controlId);
        obj.className = 'show';
    }

关于javascript - 单击按钮时不会显示音频控件 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13506597/

相关文章:

javascript - 如何获取调用javascript函数的html链接的父div的类名?

html - 如何在 HTML 中居中​​对齐预标记

javascript - 验证二叉搜索树 - JavaScript

javascript - 时间不会在带有日期时间选择器的文本字段中显示时间

javascript - C# 小于 100 的数字字段总和(静态和动态)

css - css中是否有相当于 "initial width"的东西

css - 制作图像的 DIV 部分,或如何将两个 div 并排放置并自动将它们放在彼此下方

javascript - 从列表中移除一个 li 的内容并删除该 li

php - 如何根据下拉菜单中的选项更改页面的样式表

javascript - 使用javascript从数组访问元素名称(无值)