JavaScriptのDomノード操作

前回はDomセレクタとDomノードタイプの時に、Domノードを検索する方法を説明しました.今日はDomノードの他の方法を説明します.
ノードを作成
        ノードを追加すると、3つのノードが追加されます.1.エレメントノード、2.テキストノード3.注釈ノード.
        1.要素ノード

var div = document.createElement('div');

        2.テキストノード

var text = document.createTextNode('this is Text');

        3.コメントノード

var com = document.createComment("this is comment");

ノード挿入
        作成されたノードはJavaScriptの中に保存されています.これを挿入してから元素をページに表示することができます.
        1.apendChild()この方法はElementごとにあります.pushに相当します.挿入する領域の一番低い端に挿入します.同様にこの方法もせん断操作です.

var div = document.createElement('div');
document.body.appendChild(div);

    同様にセクションを指定して挿入することもできます.

var div = document.getElementsByTagName('div')[0];
var span = createElement('span');
div.appendChild(span);

     2.第二の挿入操作は、親レベルの要素に対する操作である.parent.insertBefore(a,b)は、要素aをb要素の前面に挿入することを意味する.

var div = document.getElementsByTagName('div')[0];
var span = document.getElementsByTagName('span')[0];
var strong = document.createElement('strong');
div.insertBefore(strong,span);

ノードを削除
        ノードの削除には2つの種類があります.一つは親ノードがサブノードを削除すること、もう一つはサブノードが自分自身を節分することです.
        1.parent.removeChild()親ノードがサブノードを削除し、削除されたサブノードに戻り、切り出しに相当する.

var div = document.getElementsByTagName('div')[0];
console.log(div.removeChlid(strong));
//

       2.chlid.remove()自己破壊

strong.remove()

ノードの置換
        ノードの交替は親ノードが操作し、parent.replacceChild(new,Origin);  置換された要素を返します.

var div = document.getElementsByTagName('div')[0];
var span = document.getElementsByTagName('span')[0];
var strong = document.createElement('strong');
console.log(div.replaceChild(strong,span));
//

Elementノードの一部の属性
        innerHTML属性は、読み書きができ、書き込みがドキュメント全体をカバーします.
        innerText(ファイアフォックス互換性がない)/text Contintent(古いバージョンのIEは有効ではない)はテキストの内容を取ります.
Elementノードのいくつかの方法
        set Attribute()元素属性の設定    

var div = document.getElementsByTagName('div')[0];
div.setAttribute('class','demo');
//    div   Class  

        get Attribute()は要素属性を取得します.

	
	



           
           
           
           
       



var div = document.getElementsByTagName('div')[0];
console.log(div.getAttribute('class'));


//Div

JavaScript言語は個人的には一番面白いと思います.私も初心者です.問題があったら、ブログで分かち合うのが好きです.
初心者で、何か足りないところや間違いがあったら、下にコメントして、お互いに勉強して、一緒に進歩したいです.ホームページ転送ゲート--