HTML DOM createAttribute() 方法 | HTML DOM Document 对象

返回到:DOM 对象:HTML DOM Document 对象

定义和用法

createAttribute()方法用于创建一个指定名称的属性,并返回Attr 对象属性。

所有主要浏览器都支持 createAttribute() 方法

语法

document.createAttribute(attributename)

参数

参数类型描述
attributenameAttr object必须。要创建的属性名称。

返回值

类型描述
节点对象创建的属性

技术细节

DOM 版本Core Level 1 Document 对象

实例

创建 class 属性, 属性值为 “democlass”, 并将clas属性添加到 H1 元素中:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
<style type="text/css">
.democlass{
	color:red;
}
</style>
</head>
<body>

<h1>Hello World</h1>
<p id="demo">单击按钮来创建一个"类"属性值"democlass"插入到上面的H1元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var h1=document.getElementsByTagName("H1")[0];
	var att=document.createAttribute("class");
	att.value="democlass";
	h1.setAttributeNode(att);
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4588.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月14日 下午3:42
下一篇 2021年12月14日 下午3:46

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注