碎碎念：一个小例子来记忆下XML DOM的appendChild和removeChild的使用

来源：互联网发布：yii源码分析编辑：程序博客网时间：2024/06/05 15:43

最近使用notepad写HTML，结果document拼错了，导致一开始写对的东西擦掉重写，差点误解了removeChild的作用，这个也搞定了jQuery里文档操作的几个方法warp时的技巧问题了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>文档</title></head><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">#panel1,#panel2 { width:500px; height:500px; float:left; border:1px solid #000;}.t { height:30px; width:30px; margin:2px; float:left;}#div1 { background-color:red;}#div2 { background-color:orange;}#div3 { background-color:yellow;}#div4 { background-color:blue;}#div5 { background-color:green;}#div6 { background-color:gary;}#div7 { background-color:black;}#div8 { background-color:#eee;}#div9 { background-color:#ccc;}#div10 { background-color:#ddd;}</style><mce:script type="text/javascript"></mce:script><body><input type="button" id="pop" value="pop" /><input type="button" id="push" value="push" /><div id="panel1"> <div class="t" id="div1"></div> <div class="t" id="div2"></div> <div class="t" id="div3"></div> <div class="t" id="div4"></div> <div class="t" id="div5"></div> <div class="t" id="div6"></div> <div class="t" id="div7"></div> <div class="t" id="div8"></div> <div class="t" id="div9"></div> <div class="t" id="div10"></div></div><div id="panel2"></div></body></html>