Обновить контейнер DIV

Question

Я написал код для обновления контейнера DIV после выполнения функции click_function_ps(). Но мой код не работает. Он говорит:

missing ; before statement 
var newHTML = "<img class="displayed" src="ganttchart.php">"; 

Итак, где мне нужно поставить ;?

<div class="buttons"> 
    <a href="#" class="regular" onclick="click_function_ps(); replaceContent();"> 
     <img src="images/opt.png" alt=""/> Run </a> 
</div> 

<div id="opt_container"> 
     <table width="100%"> 
      <tr> 
       <td width="100%"> 
        <div class="scrollbar" id="chart"> 
         <img class="displayed" src="ganttchart.php"> 
        </div> 
       </td> 
      </tr> 
     </table> 
</div> 


<script type="text/javascript"> 
function replaceContent() { 
    var newHTML = "<img class="displayed" src="ganttchart.php">"; 
    document.getElementById("scrollbar").innerHTML = newHTML; 
} 
</script> 

Answer 1

Попробуйте

var newHTML = "<img class=\"displayed\" src=\"ganttchart.php\">"; 

Кроме того, нет ни одного элемента с ID scrollbar. Либо измените DIV с class="scrollbar" на id="scrollbar", либо используйте ID chart сразу или замените javascript следующим образом: document.getElementsByClassName("scrollbar")[0]. Но имейте в виду, что getElementsByClassName() не поддерживается IE. Я настоятельно рекомендую использовать id вместо class.

Answer 2

Вы не избежать двойной кавычки в этой части:

function replaceContent() { 
    var newHTML = "<img class=\"displayed\" src=\"ganttchart.php\">"; 
    document.getElementById("scrollbar").innerHTML = newHTML; 
} 

Answer 3

Вы можете попробовать это: -

<div class="buttons"> 
    <a href="#" class="regular" id="scrollbar" onclick="click_function_ps(); replaceContent();"> 
     <img src="images/opt.png" alt=""/> Run </a> 
</div> 

<div id="opt_container"> 
     <table width="100%"> 
      <tr> 
       <td width="100%"> 
        <div class="scrollbar" id="chart"> 
         <img class="displayed" src="ganttchart.php"> 
        </div> 
       </td> 
      </tr> 
     </table> 
</div> 


<script type="text/javascript"> 
function replaceContent() { 
    var newHTML = "<img class=\"displayed\" src=\"ganttchart.php\">"; 
    document.getElementById("scrollbar").innerHTML = newHTML; 
} 
</script> 

Этот тип ошибки не придет, если вы будете использовать любой IDE(netbeans etc). . Потому что IDE проверить вашу синтаксическую ошибку, пока вы делаете код.