基本腳本問題...動態修改div內容？

Question

我想知道什麼可能是最簡單的方法來動態調整「標題」 div的內容，以反映對應於一個圖片庫的特定縮略圖/鏈接的信息。

更具體地說，如果您訪問this link - 這顯示了令人敬畏的Seadragon縮放腳本btw--我希望在圖像下方有一個小標題，用於點擊不同鏈接時更改（文本）內容以上;也許從alt或title屬性中拉出文本並放入一個空的div中？

就我而言，我將使用縮略圖而非文本鏈接，所以在點擊這些圖片的用戶都將啓動「SWITCHTO」海龍事件，並填寫具有相應的內容空div。

感謝這裏的任何指導。

Answer 1

如果你有div的ID，最簡單的方法是使用innerHTML：

document.getElementById(id).innerHTML = "text"; 

這是罰款簡單的情況下，如替換一個div的所有文本。如果你想做更復雜的事情，比如在div裏面有其他html元素，這種方法不是最好的選擇。

如果你想一個HTML元素添加到div標籤，那麼你應該避免innerHTML。如果你有，比如說，一個變量img這是一個img標籤，然後用它來把它添加到div：

document.getElementById(id).appendChild(img); 

如果你想做的任何事情比這更復雜，你應該考慮使用一個不錯的像jQuery這樣的框架 - 對於像這樣的東西可能太多了，但如果你打算做其他事情，那麼框架就值得使用。

如果你想用jQuery做到這一點，它可以使用以下一些功能來完成：

var div = $("#id");// jQuery uses CSS selectors to get elements. 
div.append("New content");// Puts the new content at the end. 
div.empty();// Gets rid of everything inside the div. 
div.append(element);// You can also append elements. 

// For example, you can create and append an image to the div: 
var img = $("<img>"); 
img.attr("src", "images/something.png"); 
div.append(img);