在<img>標籤後面插入文本

Question

我嘗試在使用javascript的<img>標籤之後插入文本。如果我使用document.getElementById('candy').innerHTML = "test";圖像消失。

你能幫我嗎？

Answer 1

這是因爲您正在用文本test替換innerHTML。你不追加文字。

嘗試：

var div = document.getElementById('candy'); 
div.innerHTML = div.innerHTML + 'test'; 

從here服用。

Answer 2

好吧，img標籤是div內部HTML的一部分，如果你替換div的HTML，你也可以重寫img標籤。

也許你想這樣的事情，而不是：

<div><img src="candy.png" /> <span id="candy">Insert text here!</span></div> 

Answer 3

那是因爲你的JavaScript改變<img>標籤內的HTML進行測試。這不起作用，因爲<img />是一個自動關閉標籤。

我相信你可以讓你jQuery做你想做的事情。

Answer 4

使用

var div = document.getElementById('candy'); 
div.insertAdjacentHTML('beforeend', 'test'); 

參考：https://developer.mozilla.org/en/docs/DOM/element.insertAdjacentHTML