dom对象
Dom对象 全称 document object model 文档对象模型
Dom主要研究html中的节点(标签)对节点进行操作,改变标签属性,改变css样式,添加事件等。Dom研究的对象是document
操作流程:
1、选择你要操作的节点
document.getElementById("idname") 通过id名获取元素
document.getElementsByTagName("div") 标签获取
(获取整个网页中所有的div构成的一个数组集合)
document.getElementByClassName("name") 通过class
获取整个网页中class叫name的数组聚合
2、输出
1)、document.write()在整个文档输出
2)、指定的元素中输出 element.innerHTML=
inner.HTML指的是元素中的内容
指定的元素中输出element.innerText=
二者区别:
innerHTML中可以嵌套标签
innerText 中只能是文本
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步