javascript document.getElementById 将 .value 更改为 .href 不起作用

Question

我正在使用以前的脚本来替换 Quicktime 视频。

原始脚本使用按钮加载其他视频的 URL，但我想使用简单的链接。这就是我对 JavaScript 极为有限的了解让我陷入困境的地方。

我想我可以在这段代码中将“.value”更改为“.href”:

function loadVideo() {
                movie.loadURL( document.getElementById('movie-url').value );
                readyInitialized = false;
            }

但视频会在单独的窗口中打开。

我的链接如下:

<a id="movie-url" href="http://www.fixxed.com/test/test/media/Kodak_FashionShow.mov" onclick="loadVideo(); return false;" rel="nofollow">Second Video</a><br />
<a id="movie-url" href="http://www.fixxed.com/test/test/media/doritos-day.mov" onclick="loadVideo(); return false;" rel="nofollow">Frist Video</a>

点击上面的任何链接都会触发:

<input type="text" id="movie-url" value="http://mirrors.creativecommons.org/movingimages/Building_On_The_Past.mov" />

HTML 文档和 javascript 文件都包含相似的 javascript 代码，没有另一个就无法工作(我不知道为什么，我想只使用一次)HTML:

function loadVideo() {
                movie.loadURL( document.getElementById('movie-url').value );
                readyInitialized = false;
            }

javascript 文件:

pfQuicktime.prototype.loadURL = function() {
    if (this.movie) {
        var url = document.getElementById('movie-url').value;
        this.movie.SetURL(url);
        this.movie.SetControllerVisible(false);
    }
}

可以找到一个工作示例 HERE

Answer 1

如果您想要元素的 href，那么您需要使用 getAttribute('href') 这样:

function loadVideo() {
           movie.loadURL( document.getElementById('movie-url').getAttribute('href'));
           readyInitialized = false;
         }

同样正如 Alnitak 所指出的，您不能在一个页面上多次使用一个 ID。