title: Javascript replace content in <li> tag
body: <p>Here is my HTML code, and there are some <code>&lt;li&gt;</code> tags in it. I plan to use <code>Speed 1</code>, <code>Speed 2</code>, <code>Speed 3</code>, etc. to replace <code>Content</code>. How can I do it on Javascript ?</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
    &lt;button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"&gt;
      Content &lt;span class="caret"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;ul class="dropdown-menu" role="menu"&gt;
      &lt;li&gt;&lt;a href="#" onclick="javascript:xxxx"&gt;Speed 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Speed 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Speed 3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Speed 4&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Speed 5&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Could someone give me advice?</p>