ユーザーの操作に応じて fa アイコンの可視性を表示または非表示に設定するコードを記述しようとしています。
これが私が達成したい動作の実用的なフィドルです：フィドル
したがって、開発者ツールで確認すると、fa-icon要素を調べてクリックすると、このフィドルに次のようなものがあることがわかります。
<path fill="currentColor" d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm64 136c-9.535 0-18.512 2.386-26.37 6.589h.017c12.735 0 23.059 10.324 23.059 23.059 0 12.735-10.324 23.059-23.059 23.059s-23.059-10.324-23.059-23.059v-.017C266.386 181.488 264 190.465 264 200c0 30.928 25.072 56 56 56s56-25.072 56-56-25.072-56-56-56zm-128 0c-9.535 0-18.512 2.386-26.37 6.589h.017c12.735 0 23.059 10.324 23.059 23.059 0 12.735-10.324 23.059-23.059 23.059-12.735 0-23.059-10.324-23.059-23.059v-.017C138.386 181.488 136 190.465 136 200c0 30.928 25.072 56 56 56s56-25.072 56-56-25.072-56-56-56zm195.372 182.219c18.819-25.592-19.856-54.017-38.67-28.438-50.135 68.177-135.229 68.18-185.367 0-18.828-25.601-57.478 2.861-38.67 28.438 69.298 94.231 193.323 94.351 262.707 0z"></path>
属性。私のウェブサイトでは、コードは同じで、アイコンを表示することができますが、表示属性を非表示に設定すると、表示することはできません。私が発見したのは、アイコンの可視性を非表示に設定した後の上記の属性が、そのままのフィドルで私のウェブサイトにドロップしていることです。これが私の問題の理由だと思います。誰かがこれに対する解決策を見つけるのを手伝ってくれますか?
これは、テキスト入力フィールドの長さに応じてアイコンの表示と非表示が必要な私のフィドルの例です。
ここで(index):86 Uncaught ReferenceError: OnInput is not definedという問題に直面しています
可視性属性を visible に変更しようとすると、実際に変更されますが、属性パスの塗りつぶしも削除されます。誰かが同じ問題を抱えていましたか？
わかりました div のトラフ要素をループしていて、間違ってアイコン要素の innerHTML を変更していました。回答ありがとうございます