javascript 학습 노트(1)DOM 기본 동작
<p>
<input type="text" value="" name="user_name" id="user_name" />
<span style="padding-left:10px;"><input type="button" value="show" onclick="showValue()" /></span>
</p>
<p id="text"></p>
javascript 부분 코드:페이지 를 불 러 올 때 input 가 자동 으로 초점 을 맞 추고 사용자 가 내용 을 입력 하도록 유도 합 니 다.(자세 한 내용 은 사용자 체험 을 강화 합 니 다)
window.onload = function() {
var user_name = document.getElementById("user_name");
user_name.focus();
}
아무 내용 도 입력 하지 않 으 면 오류 알림 을 주 고 input 에 입력 초점
function showValue() {
var user_name = document.getElementById("user_name");
var text = document.getElementById("text");
if(user_name.value == "") {
alert("Please input some words");
user_name.focus();
} else {
text.innerHTML = user_name.value;
text.setAttribute("class", "text");
}
}
HTML 코드 의를 사용 하지 않 아 도 됩 니 다.DOM 동적 으로 만 들 고 문서 에 추가 할 수 있 습 니 다!
// div
var text = document.createElement("div");
// user_name.value div
text.appendChild(user_name.value);
// div body
document.body.appendChild(text);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
DOM 요소 다루기문제 출처 : 엘리스 SW 엔지니어 트랙 2기 'Home'이라고 적힌 <li> 태그를 생성 insertBefore()를 사용해서 menu의 <li> 태그 앞에 'Home'을 삽입하세요. insertBefore() 메...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.