搜索
B/S前台开发——HTMLDOM讲解人：唐国江2013年3月8日讲解时间100分钟2►DOM介绍►HTMLDOM基础►HTMLDOM应用3DOM介绍4DOM•什么事DOM–DocumentObjectModel:文档对象模型•W3c标准•为应用程序访问和操作XML和HTML文档提供了一套标准的API•分为3部分–核心DOM接口–XMLDOM接口–HTMLDOM接口5HTMLDOM基础6访问指定节点•需要已知节点的某个属性：idname或节点类型•getElementById()•getElementsByName()•getElementsByTagName()7访问相关节点•访问子节点(属性)–childNodes–firstChild–lastChild8访问相关节点•访问父节点(属性)–parentNode9访问相关节点•访问兄弟节点(属性)–previousSibling–nextSibling10创建节点•createElement(tagname)•createTextNode(text)•createDocumnetFragment(obj)•cloneNode(true/false)11操作节点•使用innerHTML•使用DOM标准方法–obj.appendChild(subobj)–obj.insertBefore(subobjnew,subobjold)–obj.replaceChild(subobjnew,subobjold)–obj.removeChild(subobj)12访问元素属性•attributes属性–获取对象的所有属性•属性方法–obj.attributes.getNamedItem(name)–obj.attributes.removeNamedItem(name)13访问元素属性•附加属性方法–obj.getAttribute(name)•相当于attributes.getNamedItem(name).value–obj.setAttribute(name,value)•相当于attributes.getNamedItem(name).value=value–obj.removeAttribute(name)•相当于attributes.removeNamedItem(name)14HTMLDOM应用15城市联动16城市的设计•[“河南”,”河北”,”江苏”,”贵州”]•[[“郑州”,”开封”],[“唐山”,”保定”],[“南京”,“无锡”],[“贵阳”,”遵义”]]•0123•0123•provinceSel.selectedIndex17年月日18问题&回答