2014-10-22 8 views
-1

Это мой простой код HTML, но он не работает со мнойкак изменить содержимое DIV

<html lang="en"> 
     <head> 
      <title>Test</title> 
      <script type="text/javascript"> 
      function getdata() { 

       document.getElementById("page").innerHTML="Hello"; 
      } 
     </script> 
     </head> 
     <body> 
     <a id="teachers" href="" name="teachers" onclick="getdata()">Click here </a> 
     <div id="page" name="takak" class="home"> 
      modify this text 
     </div> 
     </body> 
</html> 

Я хочу изменить содержание DIV (ID = «страницы»), когда я нажмите на ссылку. Пожалуйста, кто-нибудь может мне помочь?

+2

Кажется, работает как и ожидалось - попробовал здесь - http://jsfiddle.net Что случилось? –

+0

@ Al.G. Не пустой ли href перезагрузить текущую страницу? – CodingIntrigue

+0

Возможно ... да, @ user3581544 использовать 'href =" # "', а не 'href =" "' –

ответ

0

Вы должны добавить HREF назначения, например: «#» (ввод # означает, что он будет указывать на другой идентификатор или имя на той же странице, а не на внешний URL). Это будет:

<a id="teachers" href="#" name="teachers" onclick="getdata()">Click here </a> 
0
<script type="text/javascript"> 
window.onload = function() { 

document.getElementById("teachers").addEventListener("click", function(){ 
    document.getElementById("demo").innerHTML = "Hello World"; 
}); 
}; 

</script> 


<a id="teachers" href="" name="teachers">Click here </a> 
+0

Спасибо за ваш ответ, но это не то, что мне нужно, спасибо – user3581544

Смежные вопросы