js firstChild 、nextSibling、lastChild、previousSibling、parentNode

nextSibling下一個兄弟節點

previousSibling上一個兄弟

parentNode父親節點

        <select><option value="zs">中山</option><option value="gz">廣州</option><option value="zh">深圳</option><option value="zh">珠海</option></select>
        <script type="text/javascript">
              //取得<select>元素節點下的子元素的個數
              //var selectElement = document.getElementsByTagName("select")[0];
              //var size = selectElement.childNodes.length;
              //alert("select下共有"+size+"個元素");
              
              //取得“中山”字符串
              //var selectElement = document.getElementsByTagName("select")[0];
              //var zsElement = selectElement.firstChild;
              //var zs = zsElement.innerHTML;
              //alert(zs);
              
              //取得"廣州"字符串
              //var selectElement = document.getElementsByTagName("select")[0];
              //var zsElement = selectElement.firstChild;
              //var gzElement = zsElement.nextSibling;
              //var gz = gzElement.innerHTML;
              //alert(gz);
              
              //取得"珠海"字符串
              //var selectElement = document.getElementsByTagName("select")[0];
              //var zhElement = selectElement.lastChild;
              //var zh = zhElement.innerHTML;
              //alert(zh);
              
              //取得"深圳"字符串
              //var selectElement = document.getElementsByTagName("select")[0];
              //var zhElement = selectElement.lastChild;
              //var szElement = zhElement.previousSibling;
              //var sz = szElement.innerHTML;
              //alert(sz);
              
              //刪除"廣州"元素
              var gzElement = document.getElementsByTagName("option")[1];
              var selectElement = gzElement.parentNode; 
              selectElement.removeChild(gzElement);
              
              
              
              
        </script>