Question

我在运行以下Javascript时收到以下消息：

未捕获的ReferenceError：未定义videoembed

我创建了以下功能。我对javascript没有经验，所以我毫无疑问会错过一些基本的东西，但我已经调试了大约30分钟，我已经达到了需要帮助的地步。

更新：感谢您的帮助，这是一个有效的最终版本：http://jsfiddle.net/4zWhP/7/

<a class="pull-left" href="javascript:videoembed('dcFtnvC82dE','45687');"><small><i class="fa fa-fw fa-youtube-play"></i> Play Video</small></a>
<div id="video_45687"></div>

function videoembed(ytlink,uid) {
    var ytlink = ytlink;
    var uid = uid;
    ytembed = "<iframe width=\"640\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/"+ytlink+" frameborder=\"0\" allowfullscreen><\/iframe></div>";
    document.getElementById("video_"+uid+).innerHTML = ytembed;
}

Answer 1

语法错误：删除额外的+符号

document.getElementById("video_"+uid).innerHTML = ytembed;
                      --------------^----

Demo

Answer 2

这是因为您的代码中存在语法错误（额外+加号）：

// ---------------------------------v
document.getElementById("video_"+uid+).innerHTML = ytembed;

DEMO： http://jsfiddle.net/4zWhP/5/

Answer 3

试试这个

<a class="pull-left" onclick="videoembed('dcFtnvC82dE','45687');">
    <small>
        <i class="fa fa-fw fa-youtube-play"></i> Play Video
    </small>
</a>
<div id="video_45687"></div>
<script>
    function videoembed(ytlink,uid) {
        ytembed = "<iframe width=\"640\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/"+ytlink+" frameborder=\"0\" allowfullscreen><\/iframe></div>";
        var elem = document.getElementById("video_"+uid);
        elem.innerHTML = ytembed;
    }
</script>

Javascript getelementbyid错误 - 未捕获的referenceerror

3 个答案:

Demo