DOM代表文档对象模型,是HTML和XML文档的接口 (API),当浏览器第一次读取(解析)HTML 文档时,它会创建一个大对象,一个基于HTMLX档的非常大的对象,这就是DOM。它是一个 从HTML文档中建模的树状结构。DOM用于交互和修改DOM结构或特定元素或节点。 假设我们有这样的HTML结构:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=l. 0">
        <meta http-equiv="X-UA-Compatib1e"  content="ie=edge">
        <title>Document Object Model</titie>
    </head>
    <body>
        <div>
            <P>
                <span></span>
            </p>
            <label></label>
            <input>
        </div>
    </body>
</html>

等价的DOM是这样的:
JS中的document对象表示DOM。它为我们提供了许多方法,我们可以使用这些方法来选择元 素来更新元素内容,等等。

Was this helpful?

0 / 0

发表回复 0

Your email address will not be published.