Javascript。替換Div

-1

的HTML內容因此，我目前正在建立一個網站，當你點擊一個小圖像時，它會顯示更大的圖像。隨着圖像被放大，文本覆蓋了描述它的圖像，我似乎無法獲得代碼來正確更改文本。文本更復雜，因爲它使用跨度等，所以我必須放置HTML代碼，它只是顯示沒有格式的文本。 Javascript。替換Div

// Image 1 - Football 
 
function change1() { 
 
    document 
 
     .getElementById("mainPic") 
 
     .src = "http://files.stv.tv/imagebase/170/623x349/170248-lossiemouth-fc.jpg" 
 
    ; 
 
    document 
 
     .getElementById("imageCaption") 
 
     .innerHTML = "<span>Lossiemouth Football Club<span class='spacer'></span><br /><span class='spacer'></span>Come watch a game of football!</span>" 
 
    ; 
 
} 
 

 
// Image 2 - Football 
 
function change2() { 
 
    document 
 
     .getElementById("mainPic") 
 
     .src = "http://www.visitscotland.com/wsimgs/Course%206_704927777.JPG[ProductMain]" 
 
    ; 
 
    document 
 
     .getElementById("imageCaption") 
 
     .innerHTML = "<span>Golf Course<span class='spacer'></span><br /><span class='spacer'></span>Come play a couple rounds of golf!</span>" 
 
    ; 
 
}

<div id="imageCaption"> 
 
    <h2 align="left" style="padding-left: 105px;"> 
 
     <span>Lossiemouth Football Club 
 
      <span class="spacer"></span> 
 
      <br /> 
 
      <span class="spacer"></span> 
 
      Come watch a game of football! 
 
     </span> 
 
    </h2> 
 
</div>

屏幕截圖的例子：之前 enter image description here 要更換<h2>標籤後

來源

2015-04-25 Alpine

引用我沒有看到丟失的「格式化」應該是什麼。預期的結果是什麼？另外...您是否知道第二個URL末尾的「[ProductMain]」？ – Xufox

。只需將您的ID移動到該標籤或創建一個新ID並使用它來設置innerHTML

來源

2015-04-25 22:19:21 charlietfl

您使用javascript插入的代碼與最初在div中的代碼不同。 change1()

<h2 align="left" style="padding-left: 105px;"><span>Lossiemouth Football Club<span class="spacer"></span><br /><span class="spacer"></span>Come watch a game of football!</span></h2>

變得

<span>Lossiemouth Football Club<span class='spacer'></span><br /><span class='spacer'></span>Come watch a game of football!</span>

您需要可以添加<h2>標籤或更改你document.getElementById

來源

2015-04-25 22:22:41

Javascript。替換Div

回答

相關問題