title: How to edit text style with Javascript
body: <p>I'm trying to make a button create new entries in a list that display similar to this:</p>
  
  <p>"#1 new Click Me"</p>
  
  <p>Except I want to make "Click Me" to show up as yellow text in a black box, and then I want to make the black box disappear and the text turn brown on mouseover. I've been able to make the list appear, but don't know how to edit the style of the text to make it appear the way I want to. The most code I think I need to give for this is this:</p>
  
  <pre><code>var li = document.createElement("li");
  var liBody = document.createTextNode("#"+numOfNewCMs+
       " new " + newClickMe);
  li.appendChild(liBody);
  </code></pre>
  
  <p>And then I insert li into the list. </p>
  
  <p>I figure I should make newClickMe a variable and edit that and then put it next to the rest of the text in the liBody variable, and I figure the HTML span element is the best way to do that, except I don't even know quite what the span element really does. How do I go about editing the style of that particular string? I can't get around to figuring out how (if I even can) make the text turn brown on mouseover until I do so.</p>