Question

如何用JS修改bootstrapCSS下拉菜单上的文本

用的是bootstrap的CSS

<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">11111</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
</ul>
<ul id="xinxi" class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >用户<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
<li class="divider"></li>
<li><a href="loginout.php">登出</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

如何用JS修改 “用户” “11111” “22222” 这些文本

Answer 1

直接修改对应的值就行了啊~你的意思是在网页上修改还是怎么修改？

追问

在网页上动态修改

追答

那就用JQ写：
然后给对应的位置加上ID（方便选取）HTML部分类似这样
用户

11111
22222

登出

然后JS部分这样写：
$(".dropdown-toggle").html("这里写要修改的内容，对应的为用户");
$("#a1").html("这里写要修改的内容，对应的为11111");
$("#a2").html("这里写要修改的内容，对应的为22222");