0
<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>
<body>
<div>
    <p id="test"></p>
</div>
<script>
    var newLink = document.createElement('a'); // #1
    newLink.href = 'http://google.fr'; // #2
    document.getElementById('test').appendChild(newLink); // #3
</script>

</body>
</html>

これは機能していません。理由がわかりません。

  1. 新しい要素を作成します<a>
  2. この要素に href を追加します ( <a href="http://google.fr">)
  3. JS に、この要素を見つけて、ID を持つタグにtest追加するように指示します。<p>test

なぜ機能しないのですか?

4

2 に答える 2

7

.innerHTMLプロパティを設定して、要素にいくつかのコンテンツを追加してみてください。今のように、空のアンカーを追加しているだけです。次のようなことを試してください:

var newLink = document.createElement('a');
newLink.href = 'http://google.fr';
newLink.innerHTML = 'My anchor';
document.getElementById('test').appendChild(newLink);
于 2012-10-30T07:35:13.250 に答える
-2

プロパティを使用innerHTMLして、段落タグ内に作成したタグを追加します。

于 2012-10-30T07:57:56.300 に答える