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>テーブルセル内に a を追加しdocument.getElementById("name").textContent、テキストボックスの代わりに更新できます。

また、HTML と JavaScript についても考慮する必要があります。廃止されたものを使用しているものはかなりあります。

http://jsfiddle.net/3sEYq/を参照してください。

于 2012-11-24T17:29:29.450 に答える