html dom 对象 HTML DOM MenuItem 对象

2023-04-04 21:30

html dom 对象

HTML DOM 对象是一种用于操作 HTML 文档的标准对象模型。它定义了 HTML 文档的结构，以及如何访问和修改文档中的元素。

HTML DOM 对象是一个树形结构，由 HTML 元素、文本和属性组成。它们都是对象，并且可以使用 JavaScript 进行访问和修改。

// 例如：
document.getElementById("myP").innerHTML = "Hello World!";  // 修改 id 为 myP 的元素内容为 Hello World!

HTML DOM 对象还可以用来创建新的 HTML 元素，并将其添加到文档中。例如：

// 例如：
var para = document.createElement("p");   // 创建一个 p 元素 
var node = document.createTextNode("This is new.");   // 创建一个文本节点 
para.appendChild(node);    // 把文本节点添加到 p 元素中 
var element = document.getElementById("div1");   // 获取 id 为 div1 的元素 
element.appendChild(para);    // 把 p 元素添加到 div1 元素中

HTML DOM MenuItem 对象

MenuItem 对象

MenuItem 对象是HTML5新增的。

MenuItem 对象表示 HTML <menuitem> 元素。

注意：目前只有Firefox浏览器支持 <menuitem>元素。

访问 MenuItem 对象

你可以使用 getElementById() 来访问<menuitem>元素：

var x = document.getElementById("myMenuItem");

创建 MenuItem 对象

你可以使用 document.createElement() 方法创建 <menuitem> 元素：

var x = document.createElement("MENUITEM");

MenuItem 对象属性

Property	描述
checked	设置或返回菜单项是否应进行检查
command	设置或返回菜单项 command 属性的值
default	设置或返回菜单项是否应该是默认的命令
disabled	设置或返回菜单项是否禁用
icon	设置或返回代表菜单项的图片
label	设置或返回菜单项的 label 属性值
radiogroup	设置或返回菜单项的 radiogroup 属性值
type	设置或返回菜单项的 type 属性值