createElement vs. createElementWithClass

我正在使用这个脚本生成一个目录:

https://github.com/nanotube/generated_toc

我在这个测试页面上使用它。正如你所看到的，创建的[back to top]链接真的很难看:

http://www.utahrails.net/up/up-loco-features_toc-test.php

要应用CSS样式到"[back To top]"链接，创建的div需要有一个类。

如此:

  // create a "back to top" link
  if (back_to_top == 'on'){
    newdiv = document.createElement('div');
    newdiv.innerHTML = "<a href='#beforetoc'>[back to top]</a>";
    this_head_el.parentNode.insertBefore(newdiv, this_head_el.nextSibling);

但这不是。ToC中的内容消失，所有链接消失:

  // create a "back to top" link
  if (back_to_top == 'on'){
    newdiv = document.createElementWithClass('div', 'back-to-top');
    newdiv.innerHTML = "<a href='#beforetoc'>[back to top]</a>";
    this_head_el.parentNode.insertBefore(newdiv, this_head_el.nextSibling);

我对编写脚本很陌生，我看不出问题在哪里。

// create a "back to top" link
  if (back_to_top == 'on'){
    newdiv = document.createElement('div');
    newdiv.className = "back-to-top";
    newdiv.innerHTML = "<a href='#beforetoc'>[back to top]</a>";
    this_head_el.parentNode.insertBefore(newdiv, this_head_el.nextSibling);

var newdiv = document.createElement('div');
newdiv.className = 'back-to-top';
…