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 自定义类型方法小结
Mar 02 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
JQuery操作tr和td内容的方法实例
Mar 06 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
JQuery的$命名冲突详细解析
Dec 28 Javascript
谈谈javascript中使用连等赋值操作带来的问题
Nov 26 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
node.js操作mysql简单实例
May 25 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 Javascript
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连mysql和oracle数据库性能比较
2006/10/09 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
JS返回iframe中frameBorder属性值的方法
2015/04/01 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
vue系列之requireJs中引入vue-router的方法
2018/07/18 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
JS算法题之查找数字在数组中的索引位置
2019/05/15 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
python文件比较示例分享
2014/01/10 Python
Python排序算法实例代码
2017/08/10 Python
Python实现自动上京东抢手机
2018/02/06 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
关于pandas的离散化,面元划分详解
2019/11/22 Python
Python实现随机取一个矩阵数组的某几行
2019/11/26 Python
python调用API接口实现登陆短信验证
2020/05/10 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
客户经理竞聘演讲稿
2014/05/15 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
投标承诺函范文
2015/01/21 职场文书
聘任书范文大全
2015/09/21 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers
使用Bandicam录制鼠标指针并附带点击声音,还可以添加点击动画效果
2022/04/11 数码科技
JS实现简单九宫格抽奖
2022/06/28 Javascript