Javascript 让getElementByID使用html5_Javascript_Html_Getelementbyid

Javascript 让getElementByID使用html5

javascript html

Javascript 让getElementByID使用html5,javascript,html,getelementbyid,Javascript,Html,Getelementbyid,好的，我已经在这个网页上工作了一个星期了，我遇到了麻烦。除了让getelementbyid运行外，代码都已准备就绪。我试图通过在侧边栏中选择图像时更改javascript源代码来更改frame div中的图像。我想知道的是，我的代码中是否存在问题，或者函数是否不能以这种方式工作 <head> <title>Rivas2</title> <script id="newset" src="sidescroll.js" type="text/javascri

好的，我已经在这个网页上工作了一个星期了，我遇到了麻烦。除了让getelementbyid运行外，代码都已准备就绪。我试图通过在侧边栏中选择图像时更改javascript源代码来更改frame div中的图像。我想知道的是，我的代码中是否存在问题，或者函数是否不能以这种方式工作

<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>


里瓦斯2
函数changesrc（）{
var set=document.getElementById（'newset'）；
开关（值）{
案例“1”：sets.src='sidescroll.js'；break；
案例“2”：sets.src='sidescroll2.js'；break；
}
}
身体{
背景色：#66FFFF；
}
.横幅{
位置：绝对位置；
顶部：15px；
左：300px；}
.sideb1{
位置：绝对位置；
顶部：120px；
左：25px；
高度：530px；
宽度：150px；
溢出：自动；}
.框架{
位置：绝对位置；
顶部：120px；
左：400px；}
.卷轴{
位置：绝对位置；
顶部：525px；
左：400px；
}

1号楼


第二栋


3号楼


第四栋


第五栋

构建函数时需要包含参数，请尝试以下操作：

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

构建函数时需要包含参数，请尝试以下操作：

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

我知道你没有定义价值。试试这个

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

你基本上忘了包含一个参数，我知道你没有定义值。试试这个

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

您基本上忘记了包含参数

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

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);
}

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

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);
}

getElementById的问题不存在，是吗？getElementById的问题不存在，是吗？好了，程序现在可以正常工作了。我无法让它转到第二个函数；因此，我的问题是，我如何使所选函数覆盖程序现在工作的宝贵选项。我无法让它转到第二个函数；因此，我的问题是，我如何使所选函数覆盖宝贵的选择