Fixes ID's and switches class names to match tree node types

Fixed the ID's. The dom tree should match the regex tree now. The only weird part is text where the regex tree will have a separate node for each letter, but the dom tree combines all letters next to each other into one node. I made it so that every text node in the regex tree that is tied to the same direct parent will have the same ID. That might need to be changed later. 

Also switched the class names to match the regex tree instead of the railroad components (instead of sequence, it might be match, etc.)