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

說明：
getElementsByTagName()將同元素取出，

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

第一步、取出所有網頁上的input。
第二步、將回傳的物件使用for迴圈
第三步、將每一物件取出value存下來
第三步、顯示訊息
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素，使用getElementsByTagName()之二</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myFunTest1(){
var myProduct = document.getElementsByTagName("input");
var returnData="";
for(i = 0 ; i< myProduct.length ; i++){
returnData = returnData + myProduct[i].value + ",";
}
alert(returnData);
}
</script>
</head>
<body>
<div>
Car<input name="myProduct" type="radio" value="Car">
House<input name="myProduct" type="radio" value="House">
Mobile phone<input name="myProduct" type="radio" value="Mobile phone">
<input type="button" onclick="myFunTest1()" value="送出">
</div>
</body>
</html>
圖：



相關範例：
[JavaScript HTML DOM]取HTML元素，使用getElementsByTagName()

參考：




 






 
















其它文章


arrow
arrow
    文章標籤
    javascript getelementsbytagname html dom 之二 程式 目錄 取出 元素 value radio
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄