close

[JavaScript HTML DOM]使用document物件，使用方法document.createAttribute()


說明：
新增屬性
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

 




 






 
















其它文章


arrow
arrow
    文章標籤
    javascript document dom createattribute 用法 class 屬性 type 使用方法 物件 新增 程式
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄