1 
<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>

javascript で単純な html 要素を追加しようとしていますが、機能していません。誰かが間違っている点を指摘してください。

4

2 に答える 2

2

あなたのid文字列は正しく引用されていません -

var divIdName = "aaa";

JavaScriptaaaは変数名と見なします。

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-09T07:07:30.883 に答える
2

変化する：

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-09T07:07:37.273 に答える