前端学习-Dom基础知识

最新推荐文章于 2022-08-24 17:46:16 发布

鸿鹄～

最新推荐文章于 2022-08-24 17:46:16 发布

阅读量305

点赞数

分类专栏：前端学习文章标签：前端 dom

本文链接：https://blog.csdn.net/yanhingwei/article/details/89854223

版权

本文详细介绍了DOM的基础知识，包括如何查找HTML元素（直接找与间接找）、DOM的操作如内容、样式和属性的修改，以及事件处理。通过DOM，可以使用JavaScript动态改变页面内容，例如通过getElementById、getElementsByClassName等方法获取元素，使用innerText、innerHTML和style修改文本和样式，以及创建新元素。此外，还讲解了表单提交、定时器和事件绑定的不同方式，最后提到了词法分析在函数调用过程中的作用。

摘要由CSDN通过智能技术生成

在学完JavaScript的简单语法之后，接下来就应该学习Dom。
Dom全称为Document Object Model，是一种用于HTML的编程接口。我们都知道JavaScript是一种浏览器脚本语言，但是它并没有办法直接修改HTML文档的内容，这就需要Dom（文档对象模型），通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

找到标签

获取单个元素

 document.getElementById('i1')

获取多个元素（列表）

document.getElementByTagName('div')

获取多个元素（列表）

document.getElementByClassName('c1')

a.直接找

document.getElementById //根据ID获取一个标签
document.getElementsByName //根据name属性获取标签集合
document.getElementsByClassName // 根据class属性获取标签集合
document.getElementsByTagName //根据标签名获取标签集合