Aprendiendo JavaScript y codificación HTML durante mi último año de secundaria. No puedo entender por qué este error está ocurriendo por mi vida. ¿Puede alguien ayudarme con esto? ¡Muchas gracias!
Asignación para mayor claridad: Usando solo JavaScript, agregue un elemento de lista al Calendario que necesita completar de su lista de tareas.
Código:
<!DOCTYPE html> <html> <head> <style> td{ height: 150px; width: 150px; } </style> </head> <body> <table border = "1" id= "chores"> <tr id = "days"> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> <tr id = "tasks"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> <script> var extraTask = document.createElement("li"); extraTask.innerHTML = "Take dishes out of dishwasher"; var extraTaskList = document.createElement("ul"); extraTaskList.child = extraTask; var tasksRow = document.getElementById("tasks").children; tasksRow = tasksRow[3]; var tableContainer = document.getElementById("chores"); document.tasksRow.appendChild(extraTaskList); </script> </body> </html>La imagen creada por el código: https://i.stack.imgur.com/GEUZG.png
Cambie document.tasksRow a tasksRow .
Además, use appendChild para agregar un elemento.
<!DOCTYPE html> <html> <head> <style> td{ height: 150px; width: 150px; } </style> </head> <body> <table border = "1" id= "chores"> <tr id = "days"> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> <tr id = "tasks"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> <script> var extraTask = document.createElement("li"); extraTask.innerHTML = "Take dishes out of dishwasher"; var extraTaskList = document.createElement("ul"); extraTaskList.appendChild(extraTask); var tasksRow = document.getElementById("tasks").children; tasksRow = tasksRow[3]; var tableContainer = document.getElementById("chores"); tasksRow.appendChild(extraTaskList); </script> </body> </html>