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中注册和移除事件的4种方式
Mar 20 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
Apr 26 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 Javascript
javascript中的if语句使用介绍
Nov 20 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
js中let和var定义变量的区别
Feb 08 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
Node.js Domain 模块实例详解
Mar 18 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
人族 TERRAN 概述
2020/03/14 星际争霸
生成php程序的php代码
2008/04/07 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
深入浅析用PHP实现MVC
2016/03/02 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
JS array 数组详解
2009/03/22 Javascript
JavaScript Event学习第九章 鼠标事件
2010/02/08 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
J2EE中的容器都包括哪些
2013/08/21 面试题
现金出纳岗位职责
2014/03/15 职场文书
办公设备采购方案
2014/03/16 职场文书
丧事答谢词
2015/01/05 职场文书
孔子观后感
2015/06/08 职场文书
律政俏佳人观后感
2015/06/09 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
办公室管理规章制度
2015/08/04 职场文书
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android