用 javascript 更改內部 html

Question

我的 html 中有這個 div

<img src="images/cocina1.jpg" name = "main_img" alt="alternate_text" height="250" width="150" />
<div class="imgbox" id="thumbnail_1"> <a href="#" onclick="changeTo1()"><img src="images/cocina1.jpg" alt="alternate_text" height="250" width="150" /> </a> <br />
<p>Medico1</p>
</div>

和下面的JS

function changeTo1(){

    var newP = "some Paragraph"
    document.getElementById('id_descripcion_txt').innerHTML = newP;

    document.main_pic.src = "images/medico1.jpg"

    document.getElementById('thumbnail_1').innerHTML = " <a href=\"medicos/medico0.html\"><img src=\"images/cocina0.jpg\" alt=\"alternate_text\" height=%22250%22 width=\"150\" /> </a> <br /> <p>Medico0</p> "


}

現在，單擊調用 changeTo1() 的圖像后，JS 的第一部分起作用：“id_descripcion_txt”確實將其內部 HTML 更改為“某些段落”，但其他 2 個語句更改 main_pic src 和“thumbnail_1” innerHTML 到別的東西不起作用。

有任何想法嗎？ 謝謝

Answer 1

如果您想通過 java 腳本更改您的圖像之一，請使用此代碼，在此示例中，我有一個橫幅和一個文本，當我單擊按鈕時，橫幅和文本都已更改。

             <html>
             <head>
             <script type="text/javascript">

                 function changeImgandText()
                  {

                  if(document.getElementById('banner'))
                  banner.innerHTML = '<img src="img1.jpg"width="100%" height=220>';
                  demo.innerHTML="Pir you are great !";
                   }
              </script>

               <p id='banner'><img src="img2.jpg" width="100%" height=220> </p>
               <b id='demo'>dude</b> </br>
              <input type='button' onclick='changeImgandText()' value='Change Text'/>

             </head>                    
             </html>

Answer 2

它可能在圖像更改上失敗。 我想你想要這個 HTML （注意標記的變化）：

<img src="images/cocina1.jpg" id="main_img" alt="alternate_text" height="250" width="150" />
                              ^^^^^^^^^^^^^

而這個JS：

document.getElementById("main_img").src = ...

此外，您對圖像有不同的術語（一個是“main_pic”，另一個是“main_img”）。

Answer 3

您是否收到 javascript 錯誤？ 除非您發布的代碼中有錯字，

document.main_pic

不存在。 嘗試

document.main_img.src = "images/medico1.jpg";

Answer 4

將 main_pic src 和“thumbnail_1”innerHTML 更改為其他內容不起作用。

在做出改變時，

document.main_img.src = "圖像/medico1.jpg";

和

height=\"350\"而不是 height=%22250%22

它對我有用。

用 javascript 更改內部 html

問題描述

4 個解決方案

解決方案1
0 2012-10-10 07:39:25

解決方案2
0 2011-08-12 05:19:59

解決方案3
0 2011-08-12 05:21:03

解決方案4
0 已采納 2011-08-12 05:41:49

用 javascript 更改內部 html

問題描述

4 個解決方案

解決方案1 0 2012-10-10 07:39:25

解決方案2 0 2011-08-12 05:19:59

解決方案3 0 2011-08-12 05:21:03

解決方案4 0 已采納 2011-08-12 05:41:49

解決方案1
0 2012-10-10 07:39:25

解決方案2
0 2011-08-12 05:19:59

解決方案3
0 2011-08-12 05:21:03

解決方案4
0 已采納 2011-08-12 05:41:49