JS更改span中的值、样式和class的类型


更改span的值:

(首先给span命名一个id)

<span id="change_span">首页</span>

(然后通过JS获取到该span的id 并对其进行更改)

var name = "管理页面";
document.getElementById("change_span").innerHTML = name;

更改span的样式:
(span同样需要一个id)

<span id="change_span" style="left: 155px; top: 60px; width: 0px; opacity: 0;"></span>

(在js中获取)

$("#change_span").text(change_span).attr("style","width:78px;opacity:1;");

更改class里的类型
(同理)

<span class="layui-nav-more" id="change_span"></span>

(JS)

var role_span = document.getElementById("change_span");
role_span.className = "layui-nav-more layui-nav-mored";
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐