getElementByID正常工作html5

好吧我一直在这个网页上工作了一个星期，并且遇到了困难。代码已经到位，除了让getelementbyid发挥作用外。我试图通过在侧边栏中选择图像时更改javascript源代码来更改框架div中的图像。我想知道的是，如果我的代码中存在问题，或者该函数不能以这种方式工作。getElementByID正常工作html5

<head> 
<title>Rivas2</title> 
<script id="newset" src="sidescroll.js" type="text/javascript"></script> 
<script type= "text/javascript"> 

function changesrc() { 
var sets = document.getElementById('newset'); 
switch (value) { 
case '1': sets.src = 'sidescroll.js'; break; 
case '2': sets.src = 'sidescroll2.js'; break; 
     } 
    } 
    </script> 
    <style type="text/css"> 
     body{ 
background-color:#66FFFF; 
} 
    .banner{ 
position:absolute; 
top: 15px; 
left: 300px;} 
.sideb1{ 
position:absolute; 
top: 120px; 
left: 25px; 
height: 530px; 
width: 150px; 
overflow: auto;} 
.frame{ 
position:absolute; 
top: 120px; 
left: 400px;} 
    .scroll{ 
position: absolute; 
top: 525px; 
left: 400px; 
} 

    </style> 
    </head> 

    <div class="sideb1" > 
    <input type = 'image' src = 'image3.jpg' onclick = 'changesrc(1)' width= "120"   height= "100" alt= " " /><br/> House 1<br/> 
    <input type = 'image' src = 'image3.jpg' onclick = 'changesrc(2)' width= "120" height= "100" alt= " " /><br/> House 2<br/> 
    <a href="rivas2.html" ><img src="image3.jpg" width= "120" height= "100" alt="" /> </a><br/> House 3<br/> 
    <a href="rivas3.html" ><img src="image3.jpg" width= "120" height= "100" alt="" /> </a><br/> House 4<br/> 
    <a href="rivas2.html" ><img src="image3.jpg" width= "120" height= "100" alt="" /> </a><br/> House 5<br/> 
</div>

来源

2012-04-12 Crosswired

问题是没有getElementById，是吗？ – Bergi 2012-04-12 03:42:25

您需要包括的说法，当你建立了功能，试试这个：

function changesrc(value) { 
    var sets=document.getElementById('newset'); 
    switch(value) { 
     case(1): 
      sets.src='sidescroll.js'; 
      break; 
     case(2): 
     default: 
      sets.src='sidescroll2.js'; 
    } 
}

来源

2012-04-12 03:39:16 faino

好了，我看到你没有值定义。试试这个

function changesrc(value) { 
var sets = document.getElementById('newset'); 
switch (value) { 
case '1': sets.src = 'sidescroll.js'; break; 
case '2': sets.src = 'sidescroll2.js'; break; 
     } 
    }

基本上，你忘了，包括参数

来源

2012-04-12 03:40:14

不要重复使用现有的脚本元素注入脚本到页面中。使用新的脚本元素。

function changesrc(value) { 
    var sets = document.createElement("script");  
    switch (value) { 
     case '1': sets.src = 'sidescroll.js'; break; 
     case '2': sets.src = 'sidescroll2.js'; break; 
    } 
    document.body.appendChild(sets); 
}

来源

2012-04-12 03:51:27 gilly3

好的程序现在可以工作。我无法让它进入第二个功能;所以我的问题是我如何让它选择功能覆盖宝贵的选择 – Crosswired 2012-04-13 04:05:24

getElementByID正常工作html5

回答

相关问题