說明：
新增屬性
document.createAttribute("新增屬性的名稱")
用法：
新增class屬性
document.createAttribute("class")
此範例設計說明：
第一步、取得網頁上的H2
第二步、將H2加入class屬性
第三步、將H2的指定class名稱
第四步、使用元件方法setAttributeNode新到h2元件裡
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]使用document物件，使用方法document.createAttribute()</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.myDemoClass{
color:red;
}
</style>
<script type="text/javascript">
function myChange() {
var h2 = document.getElementsByTagName("h2")[0];
var att = document.createAttribute("class");
att.value="myDemoClass";
h2.setAttributeNode(att);
}
</script>
</head>
<body>
<h2>[JavaScript-HTML_DOM]使用document物件，使用方法document.createAttribute()</h2>
<input type="button" value="改變" onclick="myChange()">
</body>
</html>
圖：
相關範例：
參考：
HTML DOM createAttribute() Method
其它文章
沒有留言:
張貼留言