简述CoreDOM与HTMLDOM访问和修改节点属性值的方法
时间: 2024-05-03 07:17:55 浏览: 182
CoreDOM和HTMLDOM是两种不同的文档对象模型,它们的访问和修改节点属性值的方法也有所不同。
在CoreDOM中,可以通过以下步骤来访问和修改节点属性值:
1. 获取对应的节点对象,可以使用getElementById、getElementsByTagName等方法获取节点对象。
2. 使用getAttribute和setAttribute方法来获取和设置节点属性值。
示例代码如下:
```
// 获取节点对象
var node = document.getElementById("myNode");
// 获取节点属性值
var attrValue = node.getAttribute("myAttr");
// 设置节点属性值
node.setAttribute("myAttr", "newValue");
```
在HTMLDOM中,可以通过以下步骤来访问和修改节点属性值:
1. 获取对应的节点对象,同样可以使用getElementById、getElementsByTagName等方法获取节点对象。
2. 直接通过节点对象的属性来获取和设置节点属性值。
示例代码如下:
```
// 获取节点对象
var node = document.getElementById("myNode");
// 获取节点属性值
var attrValue = node.myAttr;
// 设置节点属性值
node.myAttr = "newValue";
```
需要注意的是,在HTMLDOM中,不是所有的节点属性都可以直接通过属性访问和修改,例如class、for等属性需要通过className、htmlFor等属性来访问和修改。