更改文本，而不會影響其他屬性

我這雙下拉列表更改文本，而不會影響其他屬性

<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>標籤的文本內容。

即。

var room = document.getElementsByClassName("select") 

    room[1].textContent = "vacant"

但我不能在不影響像align和href

我試圖textContent和childNodes[0].nodeValue他們並沒有真正的工作它的屬性只更改文本。

這裏是提琴：http://jsfiddle.net/TU4FB/135/

來源

2017-03-16 Frostless

什麼是中的代碼 – brk

嘗試文本對齊中間.. @ BRK – Frostless

room[1].getElementsByTagName('a')[0].textContent = "11" 
or 
room[1].getElementsByTagName('a')[0].getElementsByTagName('align')[0].textContent = "11"

來源

2017-03-16 06:44:07

更改文本，而不會影響其他屬性

回答

相關問題