HTML Javascript表格单元格的内容

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

这里是我的代码：

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

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

来源

2012-11-24 user1849636

欢迎来到Stack Overflow。为了有效地帮助你，我们需要更多的信息。你的表格是什么样的（发布你的标记）？按钮在哪里？内容应该改成什么？ –

谢谢理解！） – user1849636

“不使用文本框”是什么意思？只需按下按钮，您发布的内容就可以正常工作。 – pimvdb

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

你也应该考虑一下你的HTML和JavaScript。您正在使用的相当多的东西已被弃用。

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

来源

2012-11-24 17:29:29 pimvdb

使用span为我工作得很好，虽然在我的情况下textContent不合作。我不得不使用innerText。关于这个问题的博客文章很棒：[perfectionkills.com]（http://perfectionkills.com/the-poor-misunderstood-innerText/） – Cfold

HTML Javascript表格单元格的内容

回答

相关问题