js——要素ノード(appedとinnersHtml)ノードを追加または削除して、関係ノードの属性にアクセスします.

要素ノードの追加と削除
1、appedの原理:

    //  
    var para=document.createElement('p');//    p  
    var node=document.createTextNode('      ');//        
    para.appendChild(node);// p       
    para.className="lucky";// p  className
    var element=document.getElementById('div');
    element.appendChild(para);//          （   para   element   ）
    element.insertBefore(para,p1)//          （   para   p1     ）
    
    target.insertBefore(source,target.firstChild);// target         source
    target.parentNode.insertBefore(source,target);// source   target    
	target.appendChild(source);// target          source
	target.parentNode.insertBefore(source, target.nextSibling);// source   target    
    
    
    //  
    //  
    var parent=document.getElementById('div');//     
    var child=document.getElementById('p');//     
    parent.removeChild(child);//         
      //  
      var child=document.getElementById('p');//     
      child.parentNode.removeChild(child);//    
      //  
      child.remove();//    


	//  
	var    =    .cloneNode();//  true：      （ ：
  
）;  false：     （ ：）

2、innerHtmlの原理

        //      
        function text(json){
            var text='
+json.id+'">
' +
                '    
'+json.content1+'
' +
                '    
'+json.content2+'
' +
                '
';
            return text;
        }
        //    
        function addText(){
            var cc='idName';
            var element=document.getElementById('add');
            var json={
                text:{
                    id:cc,
                    content1:'lucky',
                    content2:'boy'
                }
            };
            for(var key in json){
                element.innerHTML += text(json[key]);//         
                element.innerHTML = text(json[key])+element.innerHTML;//         
            }
        }
        addText();

ノードアクセス関係
親ノード:parent Node

c=box.parentNode.parentNode;//  box    

兄弟ノード(隣接):次の兄弟ノード:nextSibling上の兄弟ノード:previous Sibling
単一のサブノード:第1のサブノード:firstElementChildの最後のサブノード:lastElementChildのすべてのサブノード:1、childNodes;(他のパラメータが含まれます)2、チルドレン(常用)
任意の兄弟ノードを取得する:parent Node.children[index]
ノードのプロパティ
ノード属性の取得:1、ターゲット.getAttribute(‘src’);常用2、目標.src;//文字化けプレフィックスが表示されます.
属性を変更するノードを設定します.ターゲット.setAttribute(“src”,“url”);
属性ノードを削除:ターゲット.removeAttribute(‘src’);