我得到了这个双下拉列表
<div class="container" id = "chooseTables">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">please choose tables <span class="caret"></span></button>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#">table for 2<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class = "select" id = "table1" ><a tabindex="-1" href="#"><align = "middle">-----table1-----</a></li>
<li class = "select" id = "table2" ><a tabindex="-1" href="#"><align = "middle">-----table2-----</a></li>
<li class = "select" id = "table3" ><a tabindex="-1" href="#"><align = "middle">-----table3-----</a></li>
</ul>
</li>
</ul>
</div>
</div>
每次服务器向我发送一些信息时,我都想更新这些<li>
标签中的文本内容。
IE。
var room = document.getElementsByClassName("select")
room[1].textContent = "vacant"
但是我不能只更改文本而不影响其属性,例如align
和href
我尝试过textContent
,childNodes[0].nodeValue
但它们并没有真正起作用。
这是小提琴:http : //jsfiddle.net/TU4FB/135/
room[1].getElementsByTagName('a')[0].textContent = "11"
or
room[1].getElementsByTagName('a')[0].getElementsByTagName('align')[0].textContent = "11"
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句