javascript(六)HTML DOM
来源:互联网 发布:象棋软件官网 编辑:程序博客网 时间:2024/05/21 13:42
6.1 HTML DOM概述
1)HTML DOM定义了用于HTML的一系列标准的对象,以及访问和处理HTML文档的标准方法(对DOM操作进行了封装,实现代码的简化)。
2)HTML标签对象化:将网页中的每个元素都看作一个对象。
3)常用HTML DOM对象
4)如何解决浏览器兼容性问题:首先代码要符合W3C标准,然后了解各浏览器特殊的地方。
5)多种对象中,重要了解Select对象和Table对象。
6.2 Select对象
1)Select对象代表HTML表单中的一个下拉列表,标签即表示一个Select对象。
2)常用属性:options(选项数组)、selectedIndex(索引从0开始)、size
3)常用方法:add(option)、remove(index)
4)事件:onchange
例如:
a b
6.3 Option对象
1)Option对象代表HTML表单中下拉列表中的一个选项,标签表示一个Option对象
2)创建对象:var obj=new Option(text,value);
3)常用属性:index、text、value、selected
例如:(结合上例修改onchange=”selFunc();” id=”s1”)
function selFunc(){
var selObj=document.getElementById(“s1”);
var value=selObj.options[selObj.selectedIndex].value;
alert(value); var option=new Option(“c”,”3”); selObj.add(option); }
6.4案例:联动菜单(HTML DOM方式)
修改5.11案例中的Javascript:
function showCities(){
//得到第一个选择框选中的选项的索引
var i = document.getElementById(“sel1”).selectedIndex;
//删除原有的选项
var sellObj = document.getElementById(“sel2”);
sellObj.options.length = 0;
var cities = array[i];//根据索引找到程序数据
//循环城市数据,创建option元素,文本写入
for(var index=0;index
- javascript(六)HTML DOM
- javaScript-DOM操作(六)
- JavaScript 解析html(DOM)
- JAVASCRIPT HTML DOM(一)
- JAVASCRIPT HTML DOM(二)
- JavaScript(4)HTML DOM
- JavaScript HTML DOM(一)
- 深入浅出JavaScript (六)分析DOM模型
- 深入浅出JavaScript (六)分析DOM模型
- JavaScript系列(六:DOM编程)
- javascript基础六 (DOM优化)
- Javascript Dom编程艺术读书笔记(六)
- DHTML(HTML+CSS+JavaScript+DOM)
- JavaScript HTML DOM 元素(节点)
- JavaScript学习笔记(二)---HTML DOM
- JavaScript HTML DOM 元素(节点)
- JavaScript HTML DOM 元素(节点)
- JavaScript HTML DOM 对象(下)
- 码农心酸无奈聊以自嘲的59箴言
- java中HashMap的用法
- 第十一周上机实践项目1——存储班长信息的学生类
- 【mclin】手把手叫你在Eclipse里添加Android开发功能(附:完整离线版Android_SDK和Android_ADT下载)
- ios 集成支付宝SDK时错误的解决办法
- javascript(六)HTML DOM
- 取消框架 取消并行或任务的超长时间执行 CancellationToken
- 【二维完全背包】FATE
- 在Ubuntu 14.04 LTS 桌面版上部署 odoo 服务器
- 每个程序员1小时内必须解决的5个编程问题 - 个人答题
- iOS审核被拒原因以及解决办法
- 第9周项目2-Time类中的运算符重载续(1)
- EditText&AutoCompleteText
- HDOJ 1007 Quoit Design(最近点对)