javascript - jQueryなしでJavaScriptの要素の前にHTMLを挿入する方法は?

Question

別の要素の前に HTML を挿入するための純粋な JavaScript 関数はありますか? jQuery では、次のように実現できます。

$("#my_id").before('<span class="asterisk">*</span>');

同等の JavaScript 関数がない場合、説明されている機能をどのように実現できますか?

Answer 1

編集：私は@Rob Wの答えを好み、これではなく、それが受け入れられる答えであるべきだと思います。

---

これは、jQuery のような肥大化したライブラリのサポートを必要とせずに、あなたが望むことを行います。

var my_elem = document.getElementById('my_id');

var span = document.createElement('span');
    span.innerHTML = '*';
    span.className = 'asterisk';

my_elem.parentNode.insertBefore(span, my_elem);

Answer 2

次のように、JavaScriptで独自の関数を作成できます。

コード

var id = document.getElementById('my_id');
var s = document.createElement('span');
s.innerHTML = '*';
s.className = 'asterisk';
id.parentNode.insertBefore(s, id);

InsertBefore ドキュメント と例

likeの前に関数を作成できます。

before: function() {
    return this.domManip( arguments, false, function( elem ) {
        if ( this.parentNode ) {
            this.parentNode.insertBefore( elem, this );
        }
    });
},

http://code.jquery.com/jquery-1.9.1.jsからのソース