書式
obj.createAttribute(attr)
対応
[IE6〜][Firefox 1〜][Safari 1〜][Opera 8〜][Netscape 6〜]
説明
指定された属性を作成します。Safariでは設定した属性が反映されないものもあるので注意が必要です。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
<script type="text/javascript"><!--
function create() {
var bgColAttr = document.createAttribute("bgcolor");
bgColAttr.value = "orange";
document.body.setAttributeNode(bgColAttr);
var aNode = document.getElementById("pBox");
var alignAttr = document.createAttribute("align");
alignAttr.nodeValue = "right";
aNode.setAttributeNode(alignAttr);
}
// --></script>
</head>
<body bgcolor="#ffff70">
<h1>createAttribute</h1>
<form>
<input type="button" id="myButton" value="Click" onClick="create()">
</form>
<div id="pBox">Sample</div>
</body>
</html>