一、实例过程
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 返回节点的最后一个元素