Javascript 프로그램은 Eclipse에서 실행되지만 Notepad ++에서는 실행되지 않습니다.

JavaScript를 사용하여 버튼을 클릭 할 때 동적으로 웹 페이지에 텍스트 상자를 삽입하려고합니다. 저는 JavaScript의 초보자입니다. Chrome, Firefox 및 Opera에서 프로그램 실행을 시도했습니다 (JavaScript가 활성화되어 있음). 그러나 단추를 클릭하면 텍스트 상자가 삽입되지 않습니다. Eclipse에서 동일한 코드를 실행하려고 시도했으며 Eclipse의 HTTP 미리보기 기능이 동일한 코드를 실행합니다. 아무도 왜 이런 일이 일어나는 지 이유를 말할 수 있었고 브라우저에서 같은 코드를 어떻게 실행합니까? 여기 Javascript 프로그램은 Eclipse에서 실행되지만 Notepad ++에서는 실행되지 않습니다.

내가 사용한 적이있는 코드입니다 :

<html> 
<head> 
<title>Doing some random programming</title> 
</head> 
<body> 
Add input elements here: 
<br/> 
<input type = "button" value = "Add another element" id = "AddButton" onClick = "AddTextBox()" /> 
<div id = "Division"></div> 
<script type = "text/javascript"> 
<!-- 
//var addButton = document.getElementById('AddButton'); 
function AddTextBox() 
{  
    var divis = document.getElementById('Division'); 
    var inputTxt = document.createElement("<input type = \"text\" />"); 
    var div = document.createElement('div'); 
    //input.type = "text";  
    div.appendChild(inputTxt); 
    divis.appendChild(div); 
} 
//--> 
</script> 
<noscript> 
    Needs javascript 
</noscript> 
</body> 
</html>

출처

2013-01-05 TheRookierLearner

createElement 방법은 요소의 형태가 아닌 HTML의 문자열의 이름을 사용합니다.

는

var inputTxt = document.createElement("<input type = \"text\" />");

var inputTxt = document.createElement("input");

이상이어야한다 (당신은 명시 적으로는 기본값으로 할 필요가 없습니다 type="text", 진술하려는 경우) :

var inputTxt = document.createElement("input"); 
inputTxt.setAttribute('type', 'text');

출처

2013-01-05 09:27:10 Quentin

감사합니다 많이! 도움이되었습니다. – TheRookierLearner

Javascript 프로그램은 Eclipse에서 실행되지만 Notepad ++에서는 실행되지 않습니다.

답변

관련 문제