DOM(Document Object Model)是一种用于表示和处理文档的标准模型。它是W3C的一个标准,定义了如何访问和操作HTML或XML文档中的元素和属性。DOM可以将HTML或XML文档视为一个对象模型,使开发人员可以使用JavaScript、VBScript或其他语言来创建、修改、删除和重新组织文档中的元素。
DOM在HTML中有三个不同的表示形式:树形表示法、流形表示法和CSS选择器表示法。树形表示法是最常用的方式,它将HTML文档看作一个树形数据结构,其中包含多个节点(如元素、文本、注释、处理指令、CDATA部分)。流形表示法是一个连贯的字节流,它将HTML文件看作一个字节流而不是一个树形数据结构。CSS选择器表示法是使用CSS选择器来选取特定的元素并对其进行处理。
// 使用 DOM 来修改 HTML 元素内容 document.getElementById("myDiv").innerHTML = "Hello World!";
属性对象
设置 H1 的 class 属性:
设置属性前:
设置属性后:
setNamedItem() 方法用于添加指定节点。
如果节点已经存在,它将被替换,并返回替换节点的值,否则将返回 null。
所有主要浏览器都支持 setNamedItem() 方法
参数 | 类型 | 描述 |
---|---|---|
node | 节点对象 | 必须。在节点列表中你想替换的节点。 |
类型 | 描述 |
---|---|
节点对象 | 返回替换的节点,如果没有替换则返回 null |
DOM 版本 | Core Level 1 |
---|
属性对象
ondragstart 事件 事件对象实例在用户开始拖动 p 元素时执行 JavaScript :p draggable=true ondragstart=myFunction(event)拖动...
HTML img border 属性HTML img 标签实例带有 5 像素粗边框的图像:img src=smiley.gif alt=Smiley face border=5浏览器支持所有...
HTML img width 属性HTML img 标签实例高度和宽度都为 42 像素的图像:img src=smiley.gif alt=Smiley face height=42 width=42...
HTML 布局网页布局对改善网站的外观非常重要。请慎重设计您的网页布局。在线实例使用 div 元素的网页布局如何使用 div 元素添加...
HTML command checked 属性 HTML command 标签实例一个预先选择的 command 元素:menucommand type=radio label=Left checkedonc...