JavaScript Dom编程艺术-C4 案例研究:JavaScript图片库

一、实例过程
1.写html页面 gallyery.html 

2.写js脚本( 路径scripts/showPic.js)
     (非DOM操作元素的属性 element.value = "the new value")

3.调入相关js
     <script [type="text/javascript" ] src = "scripts/showPic.js"></script>
4.写函数处理事件
     event = "java statement(s)" //如 onclick="showPic(this)"
5.事件拦截
     在onclick后面加上return false;//也可以在js里加,但对函数有影响
     //如 onclick="showPic(this);return false;"
6.引入样式表
增加<link rel="stylesheet" href= "style/layout.css" media="screen">
(styles/layout.css)


二、其它DOM属性
     1.childNodes属性
     element.childNodes 返回改元素的所有子元素的对象数组
     window.onload("alert('页面加载时运行的函数')");
     2.nodeType(共12种)
     node.nodeType  返回一个数字 {"元素节点":1,“属性节点”:2,“文本节点”:3}
     3.nodeValue
     node.nodeValue 返回元素所包含的值,而不是属性内的文本
     4.firstChidl和lastChild
     node.firstChild 返回节点第一个元素
     node.lastChild 返回节点的最后一个元素
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值