AppendChild() n'est pas une fonction javascript

c'est mon javascript

<head runat="server">
    <script type="text/javascript" language="javascript">

        function createQuestionPanel() {

            var element = document.createElement("Input");
            element.setAttribute("type", "button");
            element.setAttribute("value", "button");
            element.setAttribute("name", "button");


            var div = '<div>top div</div>';
            div[0].appendChild(element);

        }

        function formvalidate() {

        }

    </script>
</head>
<body onload="createQuestionPanel()">
</body>
</html>

il est en train de jeter erreur "AppendChild n'est pas une fonction" . J'ai essayé de chercher une solution .. il a été suggéré que, sur la place de

div.appendChild(element);

ce qui doit être affiché

div[0].appendChild(element);

elle na pas de changement de l'erreur . S'il vous plaît suggérer

Cette valeur est une chaîne, et non un élément du DOM. Les chaînes n'ont pas appendChild() méthodes. L'examen de la façon dont vous êtes en train de créer le <input> élément, vous aurez besoin de quelque chose de similaire pour les <div>.
Tout comme vous avez créé l'élément d'entrée, de créer un élément div comme ça pour avoir appendChild de travail
Vous devez ajouter l'élément à un élément.. Créer l'élément div avec les "top div ID et: document.getElementById("top div").appendChild(élément);

OriginalL'auteur Neeraj Verma | 2014-05-15

  1. 11

    Votre div variable est une chaîne de caractères, pas un élément du DOM objet:

    var div = '<div>top div</div>';

    Les chaînes n'ont pas de appendChild méthode. Au lieu de créer un code HTML brut de la chaîne, de créer de la div comme un élément du DOM et l'ajout d'un nœud de texte, puis ajouter l'élément d'entrée:

    var div = document.createElement('div');
div.appendChild(document.createTextNode('top div'));

div.appendChild(element);

    OriginalL'auteur MrCode

  2. 6
     function createQuestionPanel() {

        var element = document.createElement("Input");
        element.setAttribute("type", "button");
        element.setAttribute("value", "button");
        element.setAttribute("name", "button");


        var div = document.createElement("div"); <------- Create DIv Node
        div.appendChild(element);<--------------------
        document.body.appendChild(div) <------------- Then append it to body

    }

    function formvalidate() {

    }

    OriginalL'auteur pnkz

  3. 0

    Essayez ce qui suit:

    var div = document.createElement("div");
div.innerHTML = "topdiv";
div.appendChild(element);
document.body.appendChild(div);

    OriginalL'auteur Amberlamps

  4. 0

    Il suffit de changer 

    var div = '<div>top div</div>'; //you just created a text string

    à

    var div = document.createElement("div"); //we want a DIV element instead
div.innerHTML = "top div";

    OriginalL'auteur Fusion

  5. 0

    Dans ce 

    var div = '<div>top div</div>';

    "div" n'est pas un objet DOM,est simplement une chaîne de caractères,et
    la chaîne n'a pas de chaîne.appendChild.

    Voici quelques références qui peuvent vous aider sur la méthode appendChild:

    <div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var para = document.createElement("p");
var node = document.createTextNode("This is new.");
para.appendChild(node);

var element = document.getElementById("div1");
element.appendChild(para);
</script>

    OriginalL'auteur P1NK