JavaScript 텍스트 상자 의 값 을 가 져 오 거나 변경 하 는 인 스 턴 스 코드

와

는 서로 다른 요소 이지 만 텍스트 상자 에 포 함 된 텍스트 를 가 져 오 는 기능 을 지원 합 니 다.다음 의 예 를 고려 해 보 자.<pre><code><code><br/><html><br/><head><br/><title>Retrieying a Textbox Value Example</title><br/><script type="text/javascript"><br/>function getValues(){<br/>var oTextbox1=document.getElementById("txt1");<br/>var oTextbox2=document.getElementById("txt2");<br/>alert("The value of txt1 is ""+oTextbox1.value+""n"+<br/>"The value of txt2 is"" +oTextbox2.value+""");<br/>}<br/></script><br/></head><br/><body><br/><input type="text" size="12" id="txt1" /><br/><br/><textarea rows="5" cols="25" id="txt2"></textarea><br /><br/><input type="button" value="Get Values" onclick="getValues()"/><br/></body><br/></html><br/></code></code></pre>이 예 는 두 개의 텍스트 상 자 를 보 여 주 었 다.하 나 는 한 줄 의 다른 하 나 는 여러 줄 이 고 또 하나의 버튼 이 있다.단 추 를 누 르 면 경고 상자 가 각 텍스트 상자 의 내용 을 표시 합 니 다.두 텍스트 상자 에 내용 을 입력 하고 단 추 를 누 를 수도 있다.value 특성 은 문자열 이기 때문에 모든 문자열 의 특성 과 방법 을 사용 할 수 있 습 니 다.예 를 들 어 length 특성 을 사용 하여 텍스트 상자 의 텍스트 길 이 를 가 져 올 수 있 습 니 다.<pre><code><code><br/><html><br/><head><br/><title>Retrieving a Textbox Length Example</title><br/><script type="text/javascript"><br/>function getLengths(){<br/>var oTextbox1=document.getElementById("txt1");<br/>var oTextbox2=document.getElementById("txt2");<br/>alert ("The length of txt1 is "+oTextbox1.value.length+"n"<br/>+"The length of txt2 is" +oTextbox2.value.length);<br/>}<br/></script><br/></head><br/><body><br/><input type="text" size="12" id="txt1"/><br /><br/><textarea rows="5" cols="25" id="txt2"></textarea><br /><br/><input type="button" value="Get Lengths "onclick="getLengths()" /><br/></body><br/></html><br/></code></code></pre>이 예 에서 value 의 length 특성 을 사용 하여 각 텍스트 상자 의 문자 수 를 판단 할 수 있 습 니 다.<br>이 value 기능 은 텍스트 상자 에 새로운 내용 을 설정 하 는 데 도 사 용 됩 니 다.<pre><code><code><br/><html><br/><head><br/><title>Changing a Textbox Value Example</title><br/><script type="text/javascript"><br/>function setValues(){<br/>var oTextbox1=document.getElementById("txt1");<br/>var oTextbox2=document.getElementById("txt2");<br/>oTextbox1.value="fitst textbox";<br/>oTextbox2.value="second textbox";<br/>}<br/></script><br/></head><br/><body><br/><input type="text" size="12" id="txt1" /><br /><br/><textarea rows="5" cols="25" id="txt2"></textarea><br /><br/><input type="button " value="Set Values" onclick="setValues()" /><br/></body><br/></html><br/></code></code></pre>이 예 에서 단 추 를 누 르 면 첫 번 째 텍스트 상 자 를'first textbox'로 설정 하고 두 번 째 텍스트 상 자 를'second textbox'로 설정 할 수 있 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

기초 정리 - 1

문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다