Hi,我想請問關於getElementById()的問題..

Hi各位前輩，最近在做一個影片的切換，但是一直失敗
主要的是想做一用按鈕切換路徑的方式，以下是我的文件內容--
-----------------------------<head>
<title>Text</title>  <link href="video-js.css" rel="stylesheet" type="text/css">  <!-- video.js must be in the <head> for older IEs to work. -->
<script src="video.js"></script>
<script src="jquery.tools.min.js"></script></head><body>
 
  <div id="videoBox" align="center">
  <P>11111</P>
    <video id="vid" class="video-js vjs-default-skin" controls preload="none" width="620" height="350"
      poster="S.png" 
      data-setup="{}">
    <source id="mp4" src="my_video.mp4" type='video/mp4' />
    <source id="webm" src="my_video.webm" type='video/webm' />
    <source id="ogg" src="my_video.ogv" type='video/ogg' />
  </video>
  </div>
<p>
<button onclick="setLink(); this.disabled=true">VideoA</button>
</p>
<script type="text/javascript">
function 
setLink()
{
    document.getElementById( "vid" ).src = "oceans-clip.mp4";
document.getElementById( "vid" ).webm.src = "oceans-clip.webm";
document.getElementById( "vid" ).ogg.src = "oceans-clip.ogg";
}
</script>
  
</body>
----------------------------------請問是哪裡出錯了呢，新手不太了解在懇請協助解惑了，謝謝

解决方案 »

  1.   

    document.getElementById( "vid" )
    参数id不对，设置成相对应的元素id试试
      

  2.   

    document.getElementById( "mp4" ).src = "oceans-clip.mp4";
     document.getElementById( "webm" ).src = "oceans-clip.webm";
     document.getElementById( "ogg" ).src = "oceans-clip.ogg";
    试试。。
      

  3.   

    感謝兩位前輩的幫助，
    我更改了ID後依舊無法顯示，
    請問有其他相關的方式可以處理嗎？以下是我更改後的資料
    ----------------
    <head>
      <title>SoboVideoText</title>
      <link href="video-js.css" rel="stylesheet" type="text/css">
      <script src="video.js"></script>
    </head><body>
     <div id="videoBox" align="center">
      <P>11111</P>
        <video id="vid" class="video-js vjs-default-skin" controls preload="none" width="620" height="350"
          poster="S.png" 
          data-setup="{}">
        <source name="videosrc" id="mp4" src="my_video.mp4" type='video/mp4' />
        <source name="videosrc" id="webm" src="my_video.webm" type='video/webm' />
        <source name="videosrc" id="ogg" src="my_video.ogv" type='video/ogg' />
      </video>
      </div>
    <p>
    <button onclick="setLink(); this.disabled=true">VideoA</button>
    </p>
       <script type="text/javascript">
         function 
           setLink()
              {
                  document.getElementsByTagName("mp4").getElementById( "mp4" ).src = "oceans-clip.mp4";
              document.getElementsByTagName("webm").getElementById( "webm" ).src = "oceans-clip.webm";
              document.getElementsByTagName("ogg").getElementById( "ogg" ).src = "oceans-clip.ogg";
              }
       </script>
    </body>
    ----------------------再次謝過了:)
      

  4.   

    對不起，我剛剛PO的資料錯誤了，
    我現在確定Id的內容指向是沒錯的...想請問除了id之外這邊還有什麼錯誤嗎?任何的幫助都很感謝，謝謝
      

  5.   

    感謝你的回覆，補充:
    我用firebug查詢錯誤發現以下錯誤:
    document.getElementById("mp4") is null
    [在這個錯誤中斷] 
    document.getElementById("mp4").src = "oceans-clip.mp4";但是我的id是正確的呀ˊ=ˋ?
      

  6.   

    可能是调用JS的时候页面元素还没load完吧，所以找不到