페이지가 로드되지 않은 상태에서 다음 문을 호출하면 "add" 개체를 가져올 수 없으며 프롬프트가 비어 있거나 개체가 아닙니다.
다음과 같이 코드 코드를 복사합니다.
document.getElementById("add").onclick = function(){
Alert("안녕하세요");
}
사용할 때 사용할 수 있는 객체
다음과 같이 코드 코드를 복사합니다.
window.onload = 함수(){
document.getElementById("add").onclick = function(){
Alert("안녕하세요");
}
}
다음과 같이 코드 코드를 복사합니다.
<스크립트 유형="텍스트/자바스크립트">
//선택한 항목이 왼쪽에서 오른쪽으로 이동합니다.
함수 toright() {
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("두 번째");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = 첫 번째optionElement.length;
for(var i=0;i<len;i++){
if(firstElement.selectedIndex != -1){ //selectedIndex는 select의 속성입니다.
secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
}
}
//모두 오른쪽으로 이동
함수 괜찮아(){
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("두 번째");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = 첫 번째optionElement.length;
for(var i=0;i<len;i++){
secondElement.appendChild(firstoptionElement[0]);//옵션 옵션이 선택되면 인덱스는 0입니다.
}
}
//더블클릭하면 오른쪽으로 이동
함수 db(){
/* //방법 1
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("두 번째");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = 첫 번째optionElement.length;
for(var i=0;i<len;i++){
if(firstElement.selectedIndex != -1){ //selectedIndex는 select의 속성입니다.
secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
} */
//방법 2
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("두 번째");
secondElement.appendChild(firstElement[firstElement.selectedIndex]);
}
</script>
<스타일 유형="텍스트/css">
</style>
</head>
<본문>
<테이블 정렬="왼쪽">
<tr>
<TD>
<select name="first" size="10" multiple="multiple" id="first" ondblclick="db()">
<option value="1">옵션 1</option>
<option value="2">옵션 2</option>
<option value="3">옵션 3</option>
<option value="4">옵션 4</option>
<option value="5">옵션 5</option>
<option value="6">옵션 6</option>
</select>
</td>
<td valign="중간">
<input id="add" name="add" type="button" value="---->" onclick="toright()"/>
<input id="add_all" name="add_all" type="button" value="==>" onclick="allright()"/>
</td>
<td 정렬="왼쪽">
<select name="두 번째" size="10" multiple="multiple" id="두 번째">
<option value="옵션 8">옵션 8</option>
</select>
</td>
</tr>
</table>
</body>