documentのリストを返すプロパティの例
anchorsとlinks
applets
forms
images
記事へ戻る
---
愚鈍人ホーム
htmlソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>documentのリストを返すプロパティの例</title>
<script type="text/javascript">
window.onload = function() {
var select = document.getElementById("select");
var button = document.getElementById("button");
button.onclick=function(){
//alert(select.options[select.selectedIndex].value);
var arrays=eval("document."+select.options[select.selectedIndex].innerHTML);
var msg="";
for(var i=0;i<arrays.length;i++){
if(arrays[i].src){
msg+=(arrays[i].src+"\n");
}else{
msg+=(arrays[i].innerHTML+"\n");
}
}
alert(msg);
return false;
}
};
</script>
</head>
<body>
<h1>documentのリストを返すプロパティの例</h1>
<hr />
<h2>anchorsとlinks</h2>
<ul>
<li><a href="http://ichitcltk.hustle.ne.jp/gudon/">link1</a></li>
<li><a name="link2">link2</a></li>
<li><a name="link3">link3</a></li>
<li><a href="http://ichitcltk.hustle.ne.jp/gudon/">link4</a></li>
<li><a name="link5">link5</a></li>
</ul>
<h2>applets</h2>
<ul>
<li><applet height="10px" width="10px">applet1</applet></li>
<li><applet height="10px" width="10px">applet2</applet></li>
<li><applet height="10px" width="10px">applet3</applet></li>
<li><applet height="10px" width="10px">applet4</applet></li>
<li><applet height="10px" width="10px">applet5</applet></li>
</ul>
<h2>forms</h2>
<ul>
<li><form>form1</form></li>
<li><form>form2</form></li>
<li><form>form3</form></li>
<li><form>form4</form></li>
</ul>
<h2>images</h2>
<ul>
<li><img src="img1" /></li>
<li><img src="img2" /></li>
<li><img src="img3" /></li>
<li><img src="img4" /></li>
<li><img src="img5" /></li>
</ul>
<form>
form5<br />
<select id="select">
<option selected="selected">anchors</option>
<option>applets</option>
<option>forms</option>
<option>images</option>
<option>links</option>
</select>
<button id="button">documentの配列プロパティを表示</button>
</form>
</body>
</html>