javascript - id の後に新しい li 要素を挿入する

Question

特定の要素の後に要素を追加することは可能ですか?id

 <ul>
      <li>fred</li> 
      <li>wilma</li>
      <li id ="name">barny</li>
      <li> </li>
      <li> </li>
 </ul>

を指定して、barny の後に betty を挿入します。id name