0

childNodes (Javascript) を使用して要素の内容を変更するにはどうすればよいですか? 私は何かを試しましたが、うまくいきませんでした。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Zitat</title>
        <script type="text/javascript">
            var htmlNode = document.documentElement;
            var emNode = htmlNode.childNodes[1].childNodes[0].childNodes[1].childNodes[1];
            emNode.innerHtml = "BBB";
        </script>
    </head>
    <body>
        <ul>
            <li>Hello World</li>
            <li>AAA <em>DDD</em> CCC.</li>
        </ul>
    </body>
</html>
4

2 に答える 2

1

まず、スクリプト タグはマークアップの後に配置する必要があります。そうしないと、変更しようとしている実際の html が実際にレンダリングされる前に実行されます。第二に、セレクターが間違っていると思います。childNodesDOM オブジェクトの有効なプロパティですが、チェーンに誤りがあります。第三に、document.querySelectorのチェーンではなく、要素をターゲットにするために使用しchildNodesます。最後に、innerHTML(innerHtml ではなく) を使用して html コンテンツを設定するかtextContent、更新しようとしているテキスト ノードの場合。

innerHTML の MDN ドキュメント

于 2016-02-01T17:55:43.647 に答える