[JavaScript HTML DOM]取HTML元素,使用getElementById之二
說明:
取出HTML元素 document.getElementById("id 的名稱")
取出div 元素
取出a tag 元素及屬性
取出img tag 元素及屬性
取出input tag 元素及屬性
程式:
公告版位
- Apr 25 Fri 2014 00:15
JavaScript HTML DOM 取HTML元素,使用getElementById之二
- 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>
程式:
- Apr 24 Thu 2014 00:15
JavaScript基本類將Javascript寫在外部js檔
[JavaScript-基本類]將Javascript寫在外部js檔
說明:
將Javascript寫在外部js檔
程式:
<html>
<head>
<title>[JavaScript-基本類]將Javascript寫在外部js檔</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="myJavascript.js" charset="UTF-8"></script>
- Apr 24 Thu 2014 00:02
css-基本類 css檔的載入外部檔
[css-基本類]css檔的載入外部檔
說明:
定義div的class是myClass
字大小 font-size
字型 font-style
字顏色color
italic 為斜體字型
30px 為30像素
- Apr 23 Wed 2014 23:49
css-基本類 基本定義類別class樣式
[css-基本類]基本定義類別class樣式
說明:
定義div的class是myClass
字大小 font-size
字型 font-style
italic 為斜體字型
30px 為30像素
程式:
- Apr 23 Wed 2014 23:41
css-基本類 基本定義css
[css-基本類]基本定義css
說明:
定義body 的
字大小 font-size
字型 font-style
italic 為斜體字型
30px 為30像素
程式:
- Apr 23 Wed 2014 23:20
JavaScript 基本類 取出HTML的input元件的id
[JavaScript-基本類]取出HTML的input元件的id
說明:
按下按扭,顯示按扭的id名稱。
程式:
<script type="text/javascript">
function myFunInput(obj){
- Apr 23 Wed 2014 23:00
[JavaScript-基本類]取出HTML的input元件的資料
[JavaScript-基本類]取出HTML的input元件的資料
說明:
取出HTML的input元件的資料,
在input輸入框輸入資料,
按下按扭,顯示輸入的資料。
程式:
<body>
<script type="text/javascript">