18910140161

HTML-在两个SVG图标之间切换-堆栈溢出

顺晟科技

2022-10-18 13:53:47

151

如何在此处放置另一个svg xmlnx链接,以便在单击第一个SVG时,它将切换到另一个SVG链接?

我的HTML:

<代码><;DIV类=";输入框";*ngif=";LoginForm.Controls.Password.Untouched||LoginForm.Controls.Password.Valid";>;<;输入占位符=";**";名称=";密码";ID=";密码";[类型]=";显示?' text ':'密码'";FormControlName=";密码";自动完成=";在";>;上<;SVG xmlns=";http://www.w3.org/2000/svg"类=";H-5 W-5";viewbox=";002020";填充=";当前颜色";(单击)=";密码()";>;<;路径D=";M10 12A2 20 100-4 220 000 4Z";/>;<;路径填充规则=";EVENODD";D=";M.458 10C1.732 5.9435.522 310 3S8.268 2.9439.542 7C-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10ZM14 10A4 4011-80440018 0Z".EVENODD";/>;<;/SVG>;<;/DIV>;

顺晟科技:

您可以添加JavaScript来更改属性。

<代码><;输入占位符=";**";名称=";密码";ID=";密码";[类型]=";显示?' text ':'密码'";FormControlName=";密码";自动完成=";在";>;上<;SVG xmlns=";http://www.w3.org/2000/svg" onclick=";changesvg()";类别=“ H-5 W-5 ”viewbox=";002020";填充=";当前颜色";(单击)=";密码()";ID=";SVG";>;<;路径D=";M10 12A2 20 100-4 220 000 4Z";/>;<;路径填充规则=";EVENODD";D=";M.458 10C1.732 5.9435.522 310 3S8.268 2.9439.542 7C-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10ZM14 10A4 4011-80440018 0Z".EVENODD";/>;<;/SVG>;<;/DIV>;<;脚本>;Var Source=真Var SVG=document.getElementById(";SVG";)函数changesvg(){来源=!源头console.log(源)如果(源==true){SVG.setAttribute(";xmlns";,";http://www.w3.org/2000/svg")}别的{SVG.setAttribute(";xmlns";,";新链接")}}<;/脚本>;
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航