2011-04-26 6 views
0

프로그래밍에 익숙하지 않아 과제를 받았습니다. 작업은 다음과 같습니다어떻게 문자열의 단어를 자바 스크립트의 테이블에 넣을 수 있습니까?

은 하나의 픽셀 테두리, 회색 backgound에와 있는 테이블에서 "tx_val"문자열의 단어를 배치 "행 당 세 개의 세포를 사용하여 빈 세포는 단어 을 포함해야합니다.. "null". "

나는 이것을 알아 내려고 노력했지만 테이블은 계속 잘못 나왔다.

<html> 
<head> 
<script language="javascript"> 
<!-- 
function fred() 
{ 
var tx_val=document.alice.tx.value; 
len_tx=tx_val.length 




--> 
</script> 
</head> 
<body> 
<form name="alice"> 
<b>Assignment #1 Javascript</b> 
<p> 
The text box below is named "tx". The form is named "alice". 
<p> 
<input type="text" name="tx" formname="alice" size="50" value="the quick brown fox jumped over the lazy dogs back"> 
</form> 

답변

0
나는 당신의 HTML에 빈 테이블을 생성하여 시작 했죠

: 여기에 교수님이 우리에게 준 코드가 작동하는 것입니다

<table id="mytable"></table> 

당신은 다음 자바 스크립트를 사용하여이 테이블에 행을 추가 할 수 있습니다, 예를 들면 :

var tdNode = document.createElement("td"); 
var trNode = document.createElement("tr"); 
tdNode.appendChild(document.createTextNode("sometext")); 
trNode.appendChild(tdNode); 
document.getElementById("mytable").appendChild(trNode); 

이에 대한 도움말 this link을 참조하십시오.

텍스트를 tx_val.split(" ")으로 분할하여 시작한 다음 필요에 따라 단어를 반복하여 표에 추가하십시오.

이런 경우 많은 사람들이 jQuery을 사용하고 싶어합니다.

0
> <script language="javascript"> 

언어 속성은 10 년 이상 사용되지 않으므로 입력해야합니다.

> <!-- 

약 95 년 이래로 HTML 주석 구분 기호는 필요하지 않으므로 사용하지 마십시오.

> function fred() { var 

가변 선언에는 반드시 var 키워드와 식별자가 있어야합니다. 그것들을 같은 줄에 두는 것이 합리적입니다.

> tx_val=document.alice.tx.value; 

긴 속성 참조를 함께 묶는 것은 안전하지 않습니다. 누락 된 항목이 있으면 오류가 발생합니다. 그것은 작동하지만

var tx_val = document.forms['alice'].elements['tx'].value; 

을하면 체인의 모든 개체는 확신이있는 경우 : 또한, 사용하는 코드를 유지하는 사람들에게 (비록 최신 브라우저에서 필요 없음) 훨씬 명확 더 호환 더 큰 응용 프로그램에서는 그리 강력하지 않습니다.

> len_tx=tx_val.length 

항상 변수를 선언해야합니다. 그렇지 않으면 값이 할당 된 지점에서 전역 변수가됩니다. 또한 항상 세미콜론으로 문장을 끝내십시오. 정말 당신이 당신의 코드를 작게를 예정하고 좋은 습관 경우 중요한 :

var len_tx = tx_value.length; 

기능은 (너무도 연습으로, 실질적으로 쓸모가)와 닫는 } 누락 아무것도 반환하지 않습니다.

함수가 호출되지 않습니다.이 엘리먼트가 가리키는 엘리먼트 위에 있기 때문에 폼이 DOM에 추가 될 때까지 기다리지 않으면 안된다.

목록 문으로 return 문을 추가하십시오. 다음, 참조를 얻을 수 document.getElementById를를 사용, 그것에게 ID를 부여,

<button onclick="alert(fred());">Call fred()</button> 

는 HTML 요소에 텍스트를 추가하려면 :

return len_tx; 

함수를 호출하는 문서에 단추를 추가 텍스트를 innerHTML으로 삽입하거나 텍스트 노드를 만들고 추가하십시오.

관련 문제