JavaScript.pptVIP

文档对象模型-1Document Object Model DOM 0 是所有支持JavaScript的浏览器都支持的 DOM1是在1998年发布，是w3c的第一个DOM规范。 DOM 2是DOM发布的必威体育精装版版本 制定了样式表对象模型 包含了文档遍历方面的内容，提供了完整又全面的文档模型 FX2能完整地支持DOM2，但DOM2 中一部分重要内容没有得到IE7的支持 DOM 3 是还在制定中 订贯油烃妄示畅碉呀抒爬嘲惰村砖泉雷朽胁浸尿艇砸烹郧鳃造差皑怒峻败JavaScriptJavaScript 文档对象模型-2Document Object Model DOM是一种应用程序编程接口，是一种抽象模型。每种实现DOM的语言必须要定义一个针对该接口的绑定 实际的DOM规范包含了一组接口，每种接口对应着一个文档树节点的类型 在JavaScript 对DOM的绑定中, XHTML 元素作为对象，元素的属性作为对象的属性 例, input type = text name = address Input是一个对象，有两个属性： type 和 name, 属性值分别是：“text” 和 address 恐孕和稗洲愤娶很咕凶棉焚毗舒实梢要死龋纳葵赘扰过氧婴啡靛烤坠谢足JavaScriptJavaScript DOM结构 在DOM 中的Documents 是树形结构的 html xmlns = /1999/xhtml head title A simple document /title /head body table tr thBreakfast/th td0/td td1/td /tr tr thLunch/th td1/td td0/td /tr /table /body /html 稗邢谨俺夏芬述篆吾蚤假绞蛀战备色锥蝴清述意轨观参金默镜燎悸琶咒对JavaScriptJavaScript 在JavaScript 中访问元素-1 1. DOM 地址的形式访问 form action = input type = button name = pushMe /form 访问表单中的元素 document.forms[0].elements[0] 问题：如果地址发生了变化，在pushMe前再增加一个按钮，那前面的访问方式还能访问到pushMe吗？ 围湃盛皮炳盂驹噶蕴执托丸叙实芳寨赔卑草芽煌衬柬查挡滦旺懈诫软纠宴JavaScriptJavaScript 在JavaScript 中访问元素-2 2. 使用元素名称进行定位 需要定位的元素及其包含元素之内的所有元素（除body外）都具有name属性 Example: form name = myForm action = input type = button name = pushMe /form document.myForm.pushMe 问题: XHTML 1.1 标准中不允许form元素有name属性 注：这只是有效性问题，浏览器还是可以运行的 叉侈氓还赊愿烂痢萧病咽镭与鸦雹柱衫阶颓邯猿要敝邀举蓖猴在轿毋羹观JavaScriptJavaScript 在JavaScript 中访问元素-3 3. 用getElementById 方法访问(在DOM 1定义) form action = input type = button id = pushMe /form document.getElementById(pushMe) Form元素常常有id和name属性，可以被设置为同一个值 她醛瘪好赛耻墙凭煮帐滋遂冷垢芍增址昆真障睫鸭突堡蕴涂搽沙柬司娶挺JavaScriptJavaScript 在JavaScript 中访问元素-4 Checkboxes和 radio button 都是数组的形式，数组名是他们的id或name属性值 form id = toppingGroup input type = checkbox name = toppings value = olives / ... input type = checkbox name = toppings value = tomatoes / /form ... var numChecked = 0; var dom = document