2012-05-03 6 views
-1

내 시험을 위해 공부하려고하는데 이걸 제대로하고 있다고 생각했는데 ... 클릭 한 셀에 따라 표의 색 (글꼴 또는 배경)을 변경하고 싶습니다. 나는 테이블 오른쪽으로 언급했지만,이 코드가 작동하지 않는 생각 ... 내가 잘못 뭘하는지 아무 생각이 없다, 나는 당신이 제공 할 수있는 어떤 도움이나 설명을 감사하겠습니다자바 스크립트로 테이블 색상 변경

<html> 
    <script language="text/JavaScript"> 
      function changeFont(color){ 
       document.getElementbyId("miTabla").style.backgroundColor = color; 
      } 
      function changeBack(color){ 
       document.getLementbyId("miTabla").style.font.color = color; 
      } 
     </script> 
    <body> 
     <header>Tabla de ejemplo</header> 
     <table id="miTabla" border="2"> 
       <tr> 
       <td>changeFont</td> 
       <td onclick="changeFont('#FF0000');">red</td> 
       <td onclick="changeFont('#FFFF00');">yellow</td> 
       <td onclick="changeFont('#0000FF');">blue</td> 
      </tr><tr> 
       <td>changeBack</td> 
       <td onclick="changeBack('#FFFFFF');">white</td> 
       <td onclick="changeBack('#808080');">gray</td> 
       <td onclick="changeBack('#000000');">black</td> 
      </tr> 
     </table> 
    </body> 
</html> 

답변

2

변경 getLementbyIdgetElementById-getElementbyIdcolorfont.color을 변경합니다.

 function changeFont(color){ 
      document.getElementById("miTabla").style.color = color; 
     } 
     function changeBack(color){ 
      document.getElementById("miTabla").style.backgroundColor = color; 
     } 

changeFont도 더 적절 changeForeground 명명 될 수 있습니다.

+0

안녕하세요, 실수를 체크 아웃하는 tnx ... 나는 당신의 수정을했으나 여전히 작동하지 않습니다. 클릭 한 셀에 따라 색상이 변하지 않습니다 ... 왜? : –

+0

nevermind !! 나는 실수를 발견했다. type = "text/JavaScript"대신에 language = "text/JavaScript"를 사용했다 : D –

+0

@IgnacioPochart : 당신은 * any *를 필요로하지 않는다. ''는 정상적으로 작동하며 완전히 유효합니다. –

0

backgroundColor 설정은 정확하지만 font.color은 어떻게됩니까? 그게 어디서 온거야?

그냥 style.color을 사용하십시오. 또한

는 오타가 두 번째로 " ementById 엘을 얻을"수정.

+0

헤드 업을위한 tnx! –

관련 문제