<div id="wrapper" style="height: 50px; width: 100px;">
        </div>
        <div id="btn">添加子节点</div>
        <div id="test">1111111</div>
        <script type="text/java script">
            var oWrapper = document.getElementById("wrapper");
            var oTest = document.getElementById("test");
            var oBtn = document.getElementById("btn");
            
            oTest.addEventListener("DOMNodeInserted",function(ev){
                ev = ev || event;
                ev.relatedNode.style.backgroundColor = 'pink';
//                this.parentNode.style.backgroundColor = 'pink';
            })
            
            oBtn.onclick = function(){
                oWrapper.appendChild(oTest);
            }
        </script>

        <div id="wrapper" style="height: 50px; width: 100px;">
        </div>
        <div id="btn">添加子节点</div>
        <div id="test">1111111</div>
        <script type="text/java script">
            var oWrapper = document.getElementById("wrapper");
            var oTest = document.getElementById("test");
            var oBtn = document.getElementById("btn");
            
            oTest.addEventListener("DOMNodeInsertedIntoDocument",function(ev){
                ev = ev || event;
                this.style.backgroundColor = 'greenyellow';
            })
            
            oBtn.onclick = function(){
                oWrapper.appendChild(oTest);
            }
        </script>

        <div id="test" style="height: 50px; width: 100px;"></div>
        <div id="btn">特性节点测试</div>
        <script type="text/java script">
            var oTest = document.getElementById("test");
            var oBtn = document.getElementById("btn");
            
            oTest.addEventListener("DOMAttrModified",function(ev){
                ev = ev || event;
                this.style.backgroundColor = 'greenyellow';
            })
            
            oBtn.onclick = function(){
                oTest.setAttribute('title','123');
            }
        </script>

        <div id="test" style="height: 50px; width: 100px;">hello</div>
        <div id="btn">特性节点测试</div>
        <script type="text/java script">
            var oTest = document.getElementById("test");
            var oBtn = document.getElementById("btn");
            
            oTest.addEventListener("DOMCharacterDataModified",function(ev){
                ev = ev || event;
                this.style.backgroundColor = 'greenyellow';
            })
            
            oBtn.onclick = function(){
                oTest.innerHTML = 'hello world';
            }
        </script>