動態替換html標簽

Question

我正在嘗試替換一些由ajax腳本生成的html標簽。 Ajax腳本生成以下ul列表：

<ul>
  <li class="odd">some text</li>
  <li class="even">some text</li>
  <li class="odd"><hr /></li>
  <li class="even">some text</li>
</ul>

我需要用</ul><hr /><ul>替換<li class="odd"><hr /></li> </ul><hr /><ul> 。 我想每次生成列表時都必須有一些JavaScript才能動態替換這些標簽，但是我不知道該怎么做。 您能指出我正確的方向嗎？

任何幫助是極大的贊賞。

Answer 1

首先，您應該為您分配一個ID，以便於訪問：

<ul id='myTag'>
    [...]
</ul>

然后，您可以使用字符串操作和innerHTML屬性來執行所需的操作：

var html = document.getElementById('myTag').innerHTML;
document.getElementById('myTag').innerHTML = html.replace('<li class="odd"><hr /></li>', '</ul><hr /><ul>');

您當然可以使用jQuery或原型之類的精美javascript庫來完成此操作，但這是“根”方式;）！

Answer 2

遠。 好吧，（a），做到這一點，所以您不需要這樣做。 :)或（b）：

1. 以某種方式獲得對該ul標簽的引用。 給它一個id屬性並使用： document.getElementById("theULTag") 。 或者，例如，如果它是頁面上的第一個UL標簽，請使用document.getElementsByTagName("ul").item(0)

2. 現在設置一個等於該元素的innerHtml屬性的變量。 例如： var textToChange = document.getElementById("theULTag").innerHTML

3. 在此處了解有關javascript字符串操作的信息 ，然后執行您需要做的事情。 （您可能需要刪除空間以使其更容易使用）

4. 使用document.getElementById("theULTag").innerHTML = newText放回新文本

祝好運！