[JavaScript HTML DOM]使用document物件,使用方法document.createAttribute()
說明:
新增屬性
document.createAttribute("新增屬性的名稱")
用法:
新增class屬性
document.createAttribute("class")
公告版位
目前分類:JavaScript HTML DOM (37)
- Apr 26 Sat 2014 14:54
JavaScript HTML DOM 使用document物件,使用方法document.createAttribute()
- Apr 26 Sat 2014 14:16
JavaScript HTML DOM 使用document物件,使用方法document.hasFocus()
[JavaScript HTML DOM]使用document物件,使用方法document.hasFocus()
說明:
取得焦點 document.hasFocus()
取得焦點回傳true
失去焦點回傳false
用法
document.hasFocus()
此範例設計說明:
- Apr 26 Sat 2014 13:39
JavaScript HTML DOM 使用document物件,使用方法document.open()及close()
[JavaScript HTML DOM]使用document物件,使用方法document.open()及close()
說明:
document.open() 開始一個HTML文檔
document.close() 關閉一個HTML文檔
用法
document.open(MIMEtype,replace)
MIMEtype
Optional. The type of document you are writing to. Default value is "text/html"
replace
- Apr 26 Sat 2014 13:02
JavaScript HTML DOM 使用document物件,使用方法document.write()及document.writeln()總合使用
[JavaScript HTML DOM]使用document物件,使用方法document.write()及document.writeln()總合使用
問題:
解決為什麼使用writeln 沒換行。
為什麼沒換行參考:
說明:
此範例設計說明:
使用document.write("要顯示的字串")
為不加入換行符號的輸出
- Apr 26 Sat 2014 12:55
JavaScript HTML DOM 使用document物件,使用方法document.write()及document.writeln()比較
[JavaScript HTML DOM]使用document物件,使用方法document.write()及document.writeln()比較
說明:
使用document.write("要顯示的字串")
為不加入換行符號的輸出
使用document.writeln("要顯示的字串")
為換行符號輸出
此範例設計說明:
第一步、使用write輸出二次字輸出到網頁上
- Apr 26 Sat 2014 12:22
JavaScript HTML DOM 使用document物件,使用方法document.writeln()
[JavaScript HTML DOM]使用document物件,使用方法document.writeln()
說明:
使用document.writeln("要顯示的字串")
此範例設計說明:
第一步、將一串字輸出到網頁上
程式:
<html>
- Apr 26 Sat 2014 12:17
JavaScript HTML DOM 使用document物件,使用方法document.write()
[JavaScript HTML DOM]使用document物件,使用方法document.write()
說明:
使用document.write("要顯示的字串")
此範例設計說明:
第一步、將一串字輸出到網頁上
程式:
<html>
<head>
- Apr 26 Sat 2014 12:04
JavaScript HTML DOM 取HTML元素,使用getElementsByClassName()之二
[JavaScript HTML DOM]取HTML元素,使用getElementsByClassName()之二
說明:
取HTML 元素input,使用getElementsByClassName()
回傳陣列物件。
此範例設計說明:
取出html元素input,並顯示訊息。
第一步、取出所有網頁上的input,Class為myClass。
第二步、將回傳的物件使用for迴圈
- Apr 26 Sat 2014 12:02
JavaScript HTML DOM 取HTML元素,使用getElementsByClassName()
[JavaScript HTML DOM]取HTML元素,使用getElementsByClassName()
說明:
取HTML 元素input,使用getElementsByClassName()
回傳陣列物件。
此範例設計說明:
第一步、取出元素input的Class為myClass,且為第一個。
第二步、顯示value
程式:
<html>
- Apr 26 Sat 2014 11:40
JavaScript HTML DOM 取HTML元素,使用getElementsByTagName()之二
[JavaScript HTML DOM]取HTML元素,使用getElementsByTagName()之二
說明:
getElementsByTagName()將同元素取出,
此範例設計說明:
取出html元素input,並顯示訊息。
第一步、取出所有網頁上的input。
第二步、將回傳的物件使用for迴圈
- Apr 26 Sat 2014 11:17
JavaScript HTML DOM 取HTML元素,使用getElementsByName()之二
[JavaScript HTML DOM]取HTML元素,使用getElementsByName()之二
說明:
取出html元素name為myProduct,並顯示訊息。
此範例設計
html元素input name="myProduct" type="radio"
將同類的radio,設計相同的name。
可以說是分群組。
- Apr 25 Fri 2014 23:55
JavaScript HTML DOM 取HTML元素,使用getElementsByTagName()
[JavaScript HTML DOM]取HTML元素,使用getElementsByTagName()
說明:
使用getElementsByTagName 會回陣列。
在測試頁面上有幾個Input元素。
程式:
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素,使用getElementsByTagName()</title>
- Apr 25 Fri 2014 23:39
JavaScript HTML DOM 取HTML元素,使用getElementsByName()
[JavaScript HTML DOM]取HTML元素,使用getElementsByName()
說明:
使用getElementsByName 會回陣列。
在測試中取出name為myName,取第一個的value。
程式:
<html>
<head>
- Apr 25 Fri 2014 00:15
JavaScript HTML DOM 取HTML元素,使用getElementById之二
[JavaScript HTML DOM]取HTML元素,使用getElementById之二
說明:
取出HTML元素 document.getElementById("id 的名稱")
取出div 元素
取出a tag 元素及屬性
取出img tag 元素及屬性
取出input tag 元素及屬性
程式:
- Apr 24 Thu 2014 23:34
JavaScript HTML DOM 修改HTML元素CSS_Style,使用getElementById
[JavaScript HTML DOM]修改HTML元素CSS_Style,使用getElementById
說明:
取出HTML元素 document.getElementById("id 的名稱")
myId.style設定CSS Style
此範例為設定 fontWeight 及 color
fontWeight樣式設定,可調整字的粗細度。
.style.fontWeight="normal|lighter|bold|bolder|value|initial|inherit"
- Apr 24 Thu 2014 23:32
JavaScript HTML DOM 修改HTML元素內容,使用getElementById
[JavaScript HTML DOM]修改HTML元素內容,使用getElementById
說明:
取出HTML元素 document.getElementById("id 的名稱")
innerHTML 取出元素內的HTML
是指
<div>innerHTML 是指此html tag , 這裡面的所有內容資料</div>
修改指定新的內容資料
innerHTML ="新的內容資料"
- Apr 24 Thu 2014 23:27
JavaScript HTML DOM 取HTML元素,使用getElementById
[JavaScript HTML DOM]取HTML元素,使用getElementById
說明:
取出HTML元素 document.getElementById("id 的名稱")
innerHTML 取出元素內的HTML
是指
<div>innerHTML 是指此html tag , 這裡面的所有內容資料</div>
程式: