Question

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

这是我的代码：

`

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

我想替换此处使用的输入文本框以通过其他方式显示国家/地区名称，或以其他方式显示国家/地区名称。谢谢！

Answer 1

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

您还应该考虑您的HTML和JavaScript。您已经使用了很多不赞成使用的东西。

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

HTML Javascript更改表格单元格的内容

1 个答案: