說明：
取HTML 元素input，使用getElementsByClassName()
回傳陣列物件。
此範例設計說明：
取出html元素input，並顯示訊息。
第一步、取出所有網頁上的input，Class為myClass。
第二步、將回傳的物件使用for迴圈
第三步、將每一物件取出value存下來
第三步、顯示訊息
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素，使用getElementsByClassName()之二</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myFunTest1(){
var myProduct = document.getElementsByClassName("myProduct");
var returnData="";
for(i = 0 ; i< myProduct.length ; i++){
returnData = returnData + myProduct[i].value + ",";
}
alert(returnData);
}
</script>
</head>
<body>
<div>
Car<input class="myProduct" type="radio" value="Car">
House<input class="myProduct" type="radio" value="House">
Mobile phone<input class="myProduct" type="radio" value="Mobile phone">
<input type="button" onclick="myFunTest1()" value="送出">
</div>
</body>
</html>
圖：
相關範例：
[JavaScript HTML DOM]取HTML元素，使用getElementsByClassName()
參考：
其它文章
沒有留言:
張貼留言