[JavaScript] 텍스트 바꾸기 - jquery & 순수자바스트립트

- HTML 화면- HTML 화면

<table>
	<tbody>
			<tr>
				<td>텍스트 변경</td>
				<td>
					<select style="padding: 5px; width: 190px;" onchange="change_option(this.value)">
						<option value="1">1</option>
						<option value="2">2</option>
					</select>
				</td>
				<td id="text_test" style="padding-left: 15px;">1</td>
			</tr>
	</tbody>
</table>	

 

- 순수 자바스크립트

function change_option(_val) {
	if (_val === "1") {
		document.getElementById('text_test').innerText = "1";
	} else if (_val === "2") {
		document.getElementById('text_test').innerText = "2";
	}
}

innerText 에 값을 넣어준다.

 

- jquery

function change_option(_val) {
	if (_val === "1") {
		$('#text_test').text("1");
	} else if (_val === "2") {
		$('#text_test').text("2");
	}
}

text() 라는 함수를 이용한다.