javascript中HTMLDOM操作详解


Posted in Javascript onDecember 11, 2014

 一、定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素;通过html可以找到所有包含在dom中的元素。

javascript中HTMLDOM操作详解

二、作用:

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来分配事件

Javascript 相关文章推荐
jquery实现的导航固定效果
Apr 28 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
javascript实现checkbox复选框实例代码
Jan 10 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
Mar 21 Javascript
利用jquery实现瀑布流3种案例
Sep 18 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
Dec 13 Javascript
js实现密码强度检验
Jan 15 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
vue项目打包后路由错误的解决方法
Apr 13 Vue.js
javascript实现修改微信分享的标题内容等
Dec 11 #Javascript
javascript表单验证和Window详解
Dec 11 #Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 #Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 #Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
Dec 10 #Javascript
node.js中的buffer.slice方法使用说明
Dec 10 #Javascript
node.js中的buffer.write方法使用说明
Dec 10 #Javascript
You might like
PHP 高级课程笔记 面向对象
2009/06/21 PHP
php使用百度天气接口示例
2014/04/22 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
PHP连接MySQL数据的操作要点
2015/03/20 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
农历与西历对照
2006/09/06 Javascript
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
2011/03/03 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
python django集成cas验证系统
2014/07/14 Python
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
UNIX文件名称有什么规定
2013/03/25 面试题
地理科学专业毕业生求职信
2013/10/15 职场文书
临床医学专业毕业生的自我评价
2013/10/17 职场文书
机电专业毕业生推荐信
2013/11/10 职场文书
高中化学教学反思
2014/01/13 职场文书
公益活动邀请函
2014/02/05 职场文书
现金出纳岗位职责
2014/03/15 职场文书
迎新生标语大全
2014/10/06 职场文书
见义勇为事迹材料
2014/12/24 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python