GIF动态图教程-JS语言20-DOM操作（实例）

接下来学习使用JavaScript操作HTML的DOM结构。JavaScript所擅长的就是找到页面中的这些HTML代码块，然后为它们添加交互行为。利用document.getElementById()方法获取HTML对象，参数值为id名字，如图操作。

使用innerHTML属性可以获取对象的内容。

也可以使用innerHTML进行修改对象的内容，如图操作，成功修改了HTML中的p标记的文字。

getElementById()方法只能获取一个对象，即ID名只能有一个。当有共同类名时，使用document.getElementsByClassName()方法获取，参数即类名。该方法会返回一个数组，所以要用数组的形式获取对象，如图操作。注意：即使只有一个类名，该方法还是返回一个数组。

通过类名对DOM对象修改内容。

除了使用ID名和类名外，还可以直接通过标记名来获取元素对象，如图操作。

按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。

因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。