使用Javascript在现有版块下添加第二款

Question

我的目标是在现有版块下创建另一个版块，但由于错误提示Uncaught TypeError: Cannot call method 'appendChild'未定义，因此我很难添加该版块。

我用下面的代码的错误：

getElementsByClassName("row").appendChild(sectionElement); 

与此创建功能：

function getElementsByClassName(cl) { 
    if (!document.getElementsByClassName) { 
     document.getElementsByClassName = function (className) { 
      var node = []; 
      var elem = this.getElementsByTagName('*'); 
      for (var i = 0; i < elem.length; i++) { 
       if((' ' + elem[i].className + ' ').indexOf(' ' + cl + ' ') > -1) retnode.push(elem[i]); 
      } 
      return node; 
     }; 
    } 
} 

HTML代码：

<div class='row'> 
    <section class='well well-small'> 
     <legend>Select An Animal</legend> 
     <form method="post" id="speciesForm"> 
      <div class="control-group"> 
       <div class="controls"></div> 
      </div> 
      <input type="button" class="btn" > 
      <input type="button" class="btn" v> 
     </form> 
    </section> 
</div> 

Answer 1

你的函数总是返回undefined，因为如果getElementsByClassName函数没有定义，你创建它但是nev呃叫它。如果它被定义你的功能没有做任何事情。没有明确的return语句的函数将返回undefined。这些修改你的函数应该解决的问题：

function getElementsByClassName(cl) { 
    if (!document.getElementsByClassName) { 
     document.getElementsByClassName = function (className) { 
      var node = []; 
      var elem = this.getElementsByTagName('*'); 
      for (var i = 0; i < elem.length; i++) { 
      if((' ' + elem[i].className + ' ').indexOf(' ' + className + ' ') > -1) retnode.push(elem[i]); 
      } 
      return node; 
     }; 
     return document.getElementsByClassName(cl); 
    } else { 
     return document.getElementsByClassName(cl); 
    } 
} 

还应当指出的是，因为你在你的自定义函数返回一个阵列上这个函数的结果调用appendChild会失败，并且原生getElementsByClassName返回节点列表。