問題タブ [outerhtml]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 動的に作成された html の CSS は非アクティブです
ユーザーが更新 (ノードの追加、削除、および名前変更) できるツリービューが必要ですが、問題が発生しました。
ここで説明されているプロセスから始めています: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_treeview。ここでノードを更新しようとしている方法を確認できます: https://jsfiddle.net/mervius68/4of5ung0/2/。Javascript を使用して要素の outerHTML を置き換えると、そのテキスト内のクラス (ツリー ノードの開閉に必要) が認識されなくなります。JavaScript で作成された HTML に CSS を適用するにはどうすればよいですか? 「Tea」というノードは、「BEAR」という名前に正常に変更されましたが、折りたたんだ状態と開いた状態を切り替えることができなくなりました。
innerHTML を変更するだけでこれを機能させることができますが、新しいノード全体を追加する必要があるため、outerHTML オプションを機能させる必要があると思います。助けてください？