Lecture 11 Manipulating+DOM+with+JavaScript(中文版).ppt

* * * * * * * * * * * * * * * * * * * * * * * * * Web 2.0 Programming – Manipulating DOM with JavaScript * / 30 * South China University of Technology Web Programming School of Computer Science and Engineering, South China University of Technology Lecture 11 使用JavaScript操纵DOM 概要 DOM 树 操纵 DOM 复杂的DOM 操纵问题 在JavaScript中，我们如何实现以下每项的内容? 每一项都涉及到对一组元素的每个个体进行修改... 当Go按钮被点击， 把所有class属性为puzzle 的div 放置到坐标为x/y随机位置上去. 当用户悬停在迷宫边界，将迷宫的所有墙变成红色. 在ul列表中，将id属性为TA的项的背景色设置为灰色 . DOM 树 网页中的元素被插入到一个由对象组成的树状结构中– DOM树 DOM 拥有遍历该树的属性跟方法 DOM 节点的类型 元素节点 (HTML 标签) 可以拥有子节点 或者属性 文本节点 (在块元素中的文本) 属性节点 (属性/