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 相关文章推荐
javascript replace方法与正则表达式
Feb 19 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
JavaScript代码里的判断小结
Aug 22 Javascript
JavaScript易错知识点整理
Dec 05 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
Dec 14 Javascript
JS原生瀑布流效果实现
Apr 26 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
微信小程序实现日历签到
Sep 21 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 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
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
php 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
php实现微信公众号无限群发
2015/10/11 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
php框架CodeIgniter使用redis的方法分析
2018/04/13 PHP
javascript定义函数的方法
2010/12/06 Javascript
jQuery技巧总结
2011/01/01 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
JS原型对象通俗&quot;唱法&quot;
2012/12/27 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
js实现左右轮播图
2020/01/09 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
zbar解码二维码和条形码示例
2014/02/07 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
浅谈Python 列表字典赋值的陷阱
2019/01/20 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
详解python metaclass(元类)
2020/08/13 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
高职助产应届生自荐信
2013/09/24 职场文书
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
会计岗位说明书
2014/07/29 职场文书
学习十八大的心得体会
2014/09/01 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript
python中if和elif的区别介绍
2021/11/07 Python