2015-11-06 2 views
1

Я новичок в JavaScript. Я пытаюсь запрограммировать, что представляет таблицу, и после нажатия на ячейку он меняет свой контент. это то, что я пытался сделать:Изменить данные таблицы на клик - javascript

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <style> 
 
    table, 
 
    td { 
 
     border: 3px solid black; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 

 
    <table id="myTable"> 
 
    <tr> 
 
     <td onclick="this.value ='Change 1';">cell 1</td> 
 
     <td onclick="this.value ='Change 2';">cell 2</td> 
 
    </tr> 
 

 
    </table> 
 

 
</body> 
 

 
</html>

ответ

2

td не имеет value свойство, вам нужно использовать innerHTML или textContent вместо

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <style> 
 
    table, 
 
    td { 
 
     border: 3px solid black; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 

 
    <table id="myTable"> 
 
    <tr> 
 
     <td onclick="this.innerHTML ='Change 1';">cell 1</td> 
 
     <td onclick="this.innerHTML ='Change 2';">cell 2</td> 
 
    </tr> 
 
    </table> 
 

 
</body> 
 

 
</html>

Смежные вопросы