Добавление HTML по javascript

<head> 
<title>untitled</title> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
<meta name="generator" content="Geany 0.21" /> 
<script type="text/javascript"> 
    var newdiv = document.createElement('div'); 
    var divIdName = aaa; 
    newdiv.setAttribute('id',divIdName); 
    newdiv.innerHTML ='adadsdsfd'; 
    document.body.appendChild(newdiv); 
</script> 
</head> 

<body> 
    <div id="aa"> 
     ddgdf 
    </div> 
</body> 

</html>

Я пытаюсь добавить простой элемент html с помощью javascript, но он не работает, может кто-то, пожалуйста, указать, что не так.Добавление HTML по javascript

источник

2013-09-09 Abhishek Singh

'aaa' в' divIdName' рассматриваются как переменные, но я не вижу, он определил в любом месте. Может, вам нужно '' aaa ''(строка)? –

Если вы посмотрите в консоли ошибок своего браузера, вы, скорее всего, увидите сообщение об ошибке «aaa» не определено. – Boaz

Кроме того, что 'aaa' не определено, вы пытаетесь получить доступ к' document.body', прежде чем он будет доступен. Переместите сценарий в конец вашего документа. – pawel

изменение:

var divIdName = aaa;

var divIdName = 'aaa';

, как aaa не выглядит как переменная, она должна быть строка, и добавить вам сценарий, прежде чем body закрытие, как

<body> 
<script type="text/javascript"> 
    var newdiv = document.createElement('div'); 
    var divIdName = 'aaa'; 
    newdiv.setAttribute('id',divIdName); 
    newdiv.innerHTML ='adadsdsfd'; 
    document.body.appendChild(newdiv); 
</script> 
</body>

, как document.body обыкновения быть доступен для вас сценария помещенного внутри head в то время, когда скрипт запускается на выполнение

источник

2013-09-09 07:07:37

Ваша id строка не цитироваться -

var divIdName = "aaa";

JavaScript рассматривает aaa в качестве имени переменной.

Кроме того, вы должны переместить script в конец документа. См. Комментарий @ pawel.

Окончательный код -

<html> 
<head> 
    <title>untitled</title> 
    <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
    <meta name="generator" content="Geany 0.21" /> 
</head> 

<body> 
    <div id="aa"> 
     ddgdf 
    </div> 
    <script type="text/javascript"> 
     var newdiv = document.createElement('div'), 
      divIdName = 'aaa'; 

     newdiv.setAttribute('id', divIdName); 
     newdiv.innerHTML ='adadsdsfd'; 
     document.body.appendChild(newdiv); 
    </script> 
</body> 
</html>

источник

2013-09-09 07:07:30

Добавление HTML по javascript

ответ

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