HTML DOM 定义了访问和操作 HTML 文档的标准方法。 HTML DOM 独立于平台和语言，可被任何编程语言使用，比如 Java、JavaScript 和 VBscript。通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。查看 此经验前说明你已经有一定的HTML+css+JavaScript的基础了。
工具/原料
1
电脑
2
HTML前台编辑工具
方法/步骤
1
第一步：js对HTMLdom元素的作用通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性JavaScript 能够改变页面中的所有 CSS 样式JavaScript 能够对页面中的所有事件做出反应
2
第二步：获取HTML中的dom元素，第一种使用原生的js获取：通过 id 查找 HTML 元素
你好世界!
该实例展示了 getElementById 方法!
查找 id='main' 元素中的所有元素：var y=x.getElementsByTagName('p');
3
第三步：获取HTML中的dom元素，第一种使用原生的js获取：通过类名找到 HTML 元素
你好世界!
该实例展示了 getElementsByClassName 方法!
注意：Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。
5
第五步：引入jquery引入jquery，jquery一般引入到HTML的head标签中具体代码如下所示。
6
第六步：jquery选择器。ID选择器，标签选择器，名字选择器（不推荐），属性选择器，综合起来的应用。简单的介绍如下所示。
注意事项
学习之前一定要有一定的jquery基础，可以根据菜鸟教程学习
下一篇：如何初始化数组