如何通过JavaScript DOM操作实现网页元素的增删改查等基本操作？

本文共计477个文字，预计阅读时间需要2分钟。

DOM概念：文档对象模型（Document Object Model），通过JS操作HTML代码，添加/删除元素。获取元素：（1）getElementById：通过id获取，返回一个元素；（2）getElementsByTagName：通过标签名获取，返回一组元素。

DOM概念

DOM：document object model : 文档对象模型
通过js去操作HTML的代码，添加元素，删除元素。。。

获取元素

（1）getElementById 通过id获取，获取到的是一个元素
（2）getElementsByTagName 通过标签名获取，获取到的是一个元素集合（数组）
（3）getElementsByClassName 通过class获取，获取到的是一个元素集合（数组）
（4）getElementsByName 通过name属性获取，获取到的是一个元素集合（数组）

总结：获取元素可以根据标签名、id、class、name属性来获取。Id获取的结果是一个 元素，而其他获取的是一个集合。