11-28 网页基础--JavaScript(DOM)
2014-12-10 20:08
465 查看
网页基础 第二部分--HTMLDOM操作
一、定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素;通过html可以找到所有包含在dom中的元素。
![](http://images.cnitblog.com/blog/674644/201411/281046512931882.png)
二、作用:
1、查找html元素
1)通过id查找元素(document.getElementById();)
<div id="d" ></div>
var x=document.getElementById("d");
2)通过标签名查找元素
<div id="m"></div>
var x=document.getElementById("m");
var y=x.getElementByTagName("div");
3)通过类名查找元素
三、改变HTML
1)改变html内容
2)改变html属性
3)改变html样式
四、HTMLDOM事件
1)对事件做出反应
2)HTML事件属性
3)使用htmlDOM来分配事件
一、定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素;通过html可以找到所有包含在dom中的元素。
![](http://images.cnitblog.com/blog/674644/201411/281046512931882.png)
二、作用:
1、查找html元素
1)通过id查找元素(document.getElementById();)
<div id="d" ></div>
var x=document.getElementById("d");
2)通过标签名查找元素
<div id="m"></div>
var x=document.getElementById("m");
var y=x.getElementByTagName("div");
3)通过类名查找元素
三、改变HTML
1)改变html内容
2)改变html属性
3)改变html样式
四、HTMLDOM事件
1)对事件做出反应
2)HTML事件属性
3)使用htmlDOM来分配事件
相关文章推荐
- 1201 网页基础--JavaScript(DOM)
- 11-23网页基础--JavaScript基础知识
- 精通JavaScript开发课时11(DOM基础)笔记
- 重拾Javascript基础(三) - DOM属性&方法
- javascript DOM操作基础
- 稳扎稳打Silverlight(27) - 2.0网页之可脚本化, 与DOM的交互, 与JavaScript的交互
- JAVASCRIPT基础学习篇(11)--ECMAScript Basic7(The Browser Object Model)
- JavaScript程序设计——第6章 DOM基础
- JavaScript-DOM操作基础部分的内容
- javascript DOM 操作基础知识小结
- javascript DOM 操作基础知识小结
- javascript取网页DOM自定义属性值和设置自定义属性值的通用方法
- Javascript & DHTML 实例编程(教程)DOM基础和基本API
- javascript基础。dom操作
- 稳扎稳打Silverlight(27) - 2.0网页之可脚本化, 与DOM的交互, 与JavaScript的交互
- javascript DOM操作基础
- Javascript & DHTML DOM基础和基本API第1/5页
- Javascript & DHTML DOM基础和基本API第1/5页
- javascript 用来看网页DOM结构
- javascript 学习笔记 基础篇(2) HTML DOM