0

我想通过按下按钮来更改表格中单元格的内容，而不使用输入文本框。我应该用什么来做到这一点？谢谢！

这是我的代码：

`

var images = new Array();
var i=0;

images[0] ="1.jpg";
images[1] ="2.jpg";
images[2] ="3.jpg";
images[3] ="4.jpg";

names = ["New York", "Nagasaki", "Nottingham", "Netherlands"]

function next(){
    if(i>=images.length){
        i=0;
        document.getElementById('names').value=names[i];
        document.getElementById('img').src=images[i];   
        i++;
    }
    else{
        document.getElementById('img').src=images[i];
        document.getElementById('names').value=names[i];
        i++;
    }
}
</script>
</head>
<body><center>
<h3>LabExercise3</h3>
<h2>By <i><b><u>Nurbek Zhapar</u></b></i></h2></center>
<form>
<h1>Around the World</h1><br/>
<hr/>
<br/>
    <table align="center">
        <tr><td><input type="text" value="" id="names" readonly="readonly"/></td></tr>
            <tr><td><p style="text-align:center;">
            <img src="1.jpg" alt=""  id="img"/>
            </p></td></tr></table>

<table align="center">
  <tr>
       <td><input type="button" value=" Next " onclick="next()" /></td>
  </tr>
</table>        
</form>`

我想用其他东西替换我在这里用来显示国家名称的输入文本框，或者以其他方式显示国家名称。谢谢！

4

1 回答 1

0

您可以<span id="name"></span>在表格单元格内添加一个，并更新document.getElementById("name").textContent而不是文本框。

您还应该考虑您的 HTML 和 JavaScript。您正在使用的很多东西已被弃用。

请参阅http://jsfiddle.net/3sEYq/。

于 2012-11-24T17:29:29.450 回答