0

我正在尝试编写代码来处理将 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>

属性。在我的网站上,代码是相同的,我可以让图标显示出来,但是当我将其可见性属性设置为隐藏时,我无法让它重新可见。我发现,在将图标的可见性设置为隐藏后,上面的属性在我的网站上一直存在。我认为这是我的问题的原因。有人可以帮我找到解决方案吗?

这是我的小提琴示例,我希望显示和隐藏 fa 图标取决于文本输入字段的长度。

我想要达到的目标

我在这里遇到问题(index):86 Uncaught ReferenceError: OnInput is not defined女巫我的网站上没有

当我尝试将 visibility 属性更改为 visible 时,它​​正在发生,确实它发生了变化,但它也在删除属性路径填充。有人有同样的问题吗?

Okey 解决了我正在循环 div 的槽元素,并且我错误地更改了我的图标元素的 innerHTML。感谢您的回复

4

0 回答 0