如何用Javascript單擊圖像後用不同的文本替換一行的文本？

-1

所以這只是我的代碼的一部分，我有一個功能，可以在點擊時將較大的圖片更改爲縮略圖的全尺寸文件。但是，我在如何替換的最後部分id =「final」中的文字時遇到了問題。所以如果我點擊第一張圖片，「sometext」就會變成關於點擊圖片等等的描述。如何用Javascript單擊圖像後用不同的文本替換一行的文本？

<tr id="photos"> 
    <td><img id="tests" src="examt-nail.jpg" alt="thumbnail" onclick="ChangeImage('exam.jpg');"></td> 
    <td><img id="true" src="kimt-nail.jpg" alt="thumbnail" onclick="ChangeImage('kim.jpg');"></td> 
    <td><img id="hate" src="codingt-nail.jpg" alt="thumbnail" onclick="ChangeImage('coding.jpg');"></td> 
    <td><img id="yellow" src="spongebobt-nail.jpg" alt="thumbnail" onclick="ChangeImage('bob.jpg');"></td> 
    <td><img id="help" src="helpt-nail.png" alt="thumbnail" onclick="ChangeImage('help.png');"></td> 
    </tr> 
    <tr" id="name"> 
    <td colspan="5"><img id="me" src="mestretch.jpg" alt="thumbnail" height="750px" width="750px"></td> 
    </tr> 
    <tr> 
    <td colspan="5" id="final">sometext</td> 
    </tr> 
    </table>

來源

2017-10-07 T.Simon

function ChangeImage(img, desc){ 
 
    document.getElementById("final").innerHTML = desc; 
 

 
}

<td><img id="tests" src="examt-nail.jpg" alt="thumbnail" onclick="ChangeImage('exam.jpg', 'Exam Description');"> 
 
</td> 
 
<div id="final">sometext</div>

在裏面到底你ChangeImage()函數中添加以下代碼更改格中的文本。

document.getElementById("final").innerHTML = "Your text";

您也可以通過將其作爲參數在ChangeImage（）函數調用時使其本文變量。

function ChangeImage(img, desc){ 
    //your code 

    document.getElementById("final").innerHTML = desc; 

}

來源

2017-10-07 08:52:16

如果要替換元素的文本可以使用textContent屬性：作爲

<td><img id="tests" src="examt-nail.jpg" alt="thumbnail" onclick="ChangeImage('exam.jpg', 'Exam Description');"></td>

裏面的js代碼修改功能。

var elem = document.getElementById('final'); 
elem.textContent = "New Text";

當只有文本更改時，不應使用innerHTML。

來源

2017-10-07 08:54:25

這似乎不適合我。 –

然後我需要更多關於你想要做什麼的信息。 –

所以基本上，我試圖改變單元格的文本與ID =「最終」每當我點擊一個圖像。我有5個縮略圖和1個完整大小的圖像，每當我點擊縮略圖時，大圖像會變成縮略圖的大圖像（只有更大），所以伴隨着這種變化，我需要「最終」中的文字來改變圖像的描述被點擊。 –

如何用Javascript單擊圖像後用不同的文本替換一行的文本？

回答

相關問題