📅  最后修改于: 2023-12-03 14:41:49.559000             🧑  作者: Mango
HTML和JavaScript都是构建web应用程序的核心技术之一。在Web应用程序中,JavaScript被用来访问和修改文档对象模型(DOM)。文档对象模型是 HTML 的表示形式,以对象的形式进行处理。在这里,我们将介绍HTML | DOM对象名称 属性, 它们是在DOM中用于访问和操作HTML元素的主要属性。
HTML | DOM对象名称是以下之一:
document
对象:表示整个文档element
对象:表示HTML中的每个元素,如<p>
、<div>
、<span>
等HTML | DOM对象属性是以下之一:
document
对象属性:document.URL
: 返回当前文档的 URLdocument.title
: 返回当前文档的标题document.images
: 返回当前文档中的所有图片document.forms
: 返回当前文档中的所有表单document.scripts
: 返回当前文档中的所有脚本document.body
: 返回当前页面(html或者body)的主体element
对象属性:以下是一些常见的element
对象属性:
element.innerHTML
: 用于获取或设置元素的HTML内容element.style
: 用于获取或设置CSS样式属性element.id
: 用于获取或设置元素的id属性element.tagName
: 返回元素的标签名要查询DOM中的特定元素,您可以使用以下方法:
document.getElementById(id)
: 通过元素ID获取元素对象document.getElementsByTagName(tagName)
: 通过标签名称获取一组元素对象document.getElementsByClassName(className)
: 通过指定的类名获取一组元素对象document.querySelector(selector)
: 通过CSS选择器获取一个元素对象document.querySelectorAll(selector)
: 通过CSS选择器获取一组元素对象以上就是HTML | DOM对象名称 属性的介绍。掌握DOM对象名称和属性可以修改网页上的元素,增强网页的交互性和动态性。