證明-最佳方法

Question

Webkit瀏覽器不支持“ ruby​​ of justify”。

我找到了這個javascript（ https://code.google.com/p/justify/ ）。

使用此工具的結果是出現了一個新問題。

&ltul id="list">
  &ltli>
   &lth3 id="main">&ltruby&gtLorem&ltrt id="sub"&gtIpsum</rt></ruby></h3>
   &ltp&gtLorem ipsum dolor sit amet...... </p>
  </li>
 </ul>

這可以。 但是此腳本使用了“ document.getElementById”。

當元素增加時，它當然不起作用。

當我將“ document.getElementById”重寫為“ document.getElementsByClass”時， Uncaught TypeError: Object #<NodeList> has no method ...

當元素增加時，我該怎么辦？

（對不起...我英語不好。）

Answer 1

 Uncaught TypeError: Object #<NodeList> has no method... 

發生此錯誤的原因是，您嘗試將節點列表視為單個節點。 可能是因為您忘記了從getElementsByClassName的結果中獲取元素。

getElementById返回單個DOM元素，但是getElementsByClassName返回DOM元素的列表（類似數組的對象）。 您必須索引后者，但不必索引前者。

<div class="foo" id="bar"></div>

<script>
alert(
    document.getElementById('bar')   // One result at most, so no [0].
    ===
    // ClassName, not Class.  [0] since the result is a list.
    document.getElementsByClassName('foo')[0]
);
</script>

應該提醒“真”