公告版位


關於本站 程式開發學習之路 ,這裡有Java程式開發相關技術等學習交流。

主要提高開發程式效率同時分享一些開發程式經驗、深入探討開發程式體驗等技術和教學。
相關技術等學習交流。


語言(Languages)及框架(Framework): JavaJSP/Tag/JSTL/ServletGrailsjQueryJavaScriptSpringSpringMVCSpringSecurityHibernateStrutsPHPC/C++GoogleAppEngineHTML5/CSS3Android、 Xml、 Ajax、 Json、 Ant、 UML、 ShellScripts、 AngularJS等



工具(Software)/環境(Environment): Windows7EclipseLinux、 Subversion、 mavenTomcatWeblogicJbossApache

資料庫(Database): MySQLOracle SQLPostgerSQLSQL Server


本站來自:Java程式教學甘仔店

喜歡本站可以加入粉絲~

Java鬥陣仔甘仔店粉絲頁

Google+


本站內容僅供分享學習交流之用,將不對任何資源負法律責任。如有侵犯您的版權,請來信或留言給我們,我們將盡快為您處理。


目前分類:JavaScript HTML DOM (37)

瀏覽方式: 標題列表 簡短摘要

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


說明:
新增屬性
document.createAttribute("新增屬性的名稱")

用法:
新增class屬性
document.createAttribute("class")

文章標籤

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

[JavaScript HTML DOM]使用document物件,使用方法document.hasFocus()

說明:
取得焦點 document.hasFocus()
取得焦點回傳true
失去焦點回傳false
用法
document.hasFocus()

此範例設計說明:

文章標籤

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

[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

文章標籤

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

[JavaScript HTML DOM]使用document物件,使用方法document.write()及document.writeln()總合使用
問題:
解決為什麼使用writeln 沒換行。

為什麼沒換行參考:


說明:
此範例設計說明:
使用document.write("要顯示的字串")
為不加入換行符號的輸出

文章標籤

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

[JavaScript HTML DOM]使用document物件,使用方法document.write()及document.writeln()比較


說明:
使用document.write("要顯示的字串")
為不加入換行符號的輸出
使用document.writeln("要顯示的字串")
為換行符號輸出
此範例設計說明:
第一步、使用write輸出二次字輸出到網頁上

文章標籤

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

[JavaScript HTML DOM]使用document物件,使用方法document.writeln()


說明:
使用document.writeln("要顯示的字串")

此範例設計說明:
第一步、將一串字輸出到網頁上
程式:
<html>

文章標籤

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

[JavaScript HTML DOM]使用document物件,使用方法document.write()

說明:
使用document.write("要顯示的字串")

此範例設計說明:
第一步、將一串字輸出到網頁上
程式:
<html>
<head>

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementsByClassName()之二

說明:
取HTML 元素input,使用getElementsByClassName()
回傳陣列物件。
此範例設計說明:
取出html元素input,並顯示訊息。

第一步、取出所有網頁上的input,Class為myClass。
第二步、將回傳的物件使用for迴圈

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementsByClassName()

說明:
取HTML 元素input,使用getElementsByClassName()
回傳陣列物件。
此範例設計說明:
第一步、取出元素input的Class為myClass,且為第一個。
第二步、顯示value
程式:
<html>

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementsByTagName()之二

說明:
getElementsByTagName()將同元素取出,

此範例設計說明:
取出html元素input,並顯示訊息。

第一步、取出所有網頁上的input。
第二步、將回傳的物件使用for迴圈

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementsByName()之二

說明:
取出html元素name為myProduct,並顯示訊息。

此範例設計
html元素input name="myProduct" type="radio"
將同類的radio,設計相同的name。
可以說是分群組。

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementsByTagName()

說明:
使用getElementsByTagName 會回陣列。
在測試頁面上有幾個Input元素。

程式:
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素,使用getElementsByTagName()</title>

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementsByName()


說明:
使用getElementsByName 會回陣列。
在測試中取出name為myName,取第一個的value。

程式:
<html>
<head>

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementById之二

說明:
取出HTML元素 document.getElementById("id 的名稱")
取出div 元素
取出a tag 元素及屬性
取出img tag 元素及屬性
取出input tag 元素及屬性

程式:

文章標籤

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

[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"

文章標籤

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

[JavaScript HTML DOM]修改HTML元素內容,使用getElementById

說明:
取出HTML元素 document.getElementById("id 的名稱")

innerHTML 取出元素內的HTML
是指
<div>innerHTML 是指此html tag , 這裡面的所有內容資料</div>
修改指定新的內容資料
innerHTML ="新的內容資料"

文章標籤

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

[JavaScript HTML DOM]取HTML元素,使用getElementById

說明:
取出HTML元素 document.getElementById("id 的名稱")

innerHTML 取出元素內的HTML
是指
<div>innerHTML 是指此html tag , 這裡面的所有內容資料</div>

程式:

文章標籤

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

«12