ugrás a tartalomhoz

document.createElement nem támogatott?

Mistic97 · 2015. Júl. 24. (P), 15.31
Ez akkor most miért nem működik? Chrome 44-ben sem Firefox 39-ben nem működik.
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  5.         <script language="javascript" type="text/javascript" src="program/program.js"></script>  
  6.     </head>  
  7.     <body>  
  8.         <script language="javascript" type="text/javascript">  
  9.             //var program = new program();  
  10.             //program.start();  
  11.             var menu_div = document.createElement('div');  
  12.             menu_div.id = "menu";  
  13.             if(document.getElementById("menu")){  
  14.                 document.getElementById("menu").style.width = "100px";  
  15.                 document.getElementById("menu").style.height = "100px";  
  16.                 document.getElementById("menu").style.background = "black";  
  17.             }else{  
  18.                 console.log("div doesn't exists");  
  19.             }  
  20.         </script>  
  21.     </body>  
  22. </html>  
‹ Menü mozog a gördüléssel CSS position ›
 ■
1

Támogatja, csak...

T.G · 2015. Júl. 24. (P), 15.46
Amíg az elem nem része a document-nek, addig a getElementById null-t ad vissza.
https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById#Notes
2

menu_div

Poetro · 2015. Júl. 24. (P), 16.17
A menu_div már megvan, miért kell neked újra kiválasztani, ráadásul 4-szer egymás után?
  1. menu_div.style.width = "100px";    
  2. menu_div.style.height = "100px";    
  3. menu_div.style.background = "black";    
  4. document.body.appendChild(menu_div);