DOM에서 id 값을 가져오는 방법, DOM에서 input 값을 가져오는 방법

function $$(id){
	return document.getElementById(id);
}

id 값 가져오기: (document.getelementById("***")
$$("txtR").value;//     !

이상은 id의 값을 가져옵니다.
id 값이 설정되어 있지 않으면name 속성만 있을 때form 폼에서 input 값을 가져옵니다.
function test(f){
    var ipt = document.frm.text_value.value;
    alert("input :"+ipt);
}

html 섹션의 내용:
<form name="frm">
	<input name="text_value" type="text" onChange="test(this.value);"/>
</form>

id와name의 차이점:
id는 라벨에 대한 유일한 표지입니다.name는 반드시 그렇지는 않습니다!name와 함께 라디오 단추 그룹으로 사용할 수 있습니다.페이지에서 닻점을 만들 때 일반적으로name의 값을 사용합니다.
대응하는 스크립트:name -->document.name;
        id  -->  document.getElementById("id");
다음은class가 있을 때 input의 값을 가져오는 용법입니다. (class가 여러 개 있을 수 있기 때문에 사용합니다: [0])
<script type="text/javascript">
	function testClass(f){
		var cpt = document.frm.getElementsByClassName("class_value")[0].value;
		alert("class :"+cpt);
	}
</script>
</head>
<body>	
    <form name="frm">
	<input class="class_value" type="text" onChange="testClass(this.value);"/>
    </form>
</body>

좋은 웹페이지 즐겨찾기