Я пытаюсь нажать кнопку, чтобы добавить новую динамическую строку в таблицу.Мой проект строится на весенней загрузке, я помещаю HTML в шаблоны.Я пытаюсь использовать функцию «onclick» для перехода к javascript, однако она не работает ни «th: onclick», ни «onclick».
<td><button onclick="add(this)">Add</button></td>
<td><button th:onclick="'javascript:add(this)'">Add</button></td>
Любой из этих двух методов замечает ошибку"Uncaught ReferenceError: add не определен"
Следующий код - мой js, я думаю, что я определил функцию add ().Почему это не работает?
function add(object) {
var tr = object.parentNode.parentNode;
var row = tr.rowIndex;
var tab = document.getElementById("tableA");
tab.style.cssText="width:80%; height: 100%; table-layout:fixed";
var objRow1 = tab.insertRow(row++);
var objCell;
var objCell1;
var objCell2;
var objCell3;
var objCell4;
var objCell5;
var objCell6;
var objCell7;
objCell = objRow1.insertCell(0);
objCell.innerHTML='<input type="text" id="SystemName" name="SystemName" value=""/>';
objCell.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell1 = objRow1.insertCell(1);
objCell1.innerHTML='<input type="text" name="IP" id="IP" value=""/>';
objCell1.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell2 = objRow1.insertCell(2);
objCell2.innerHTML='<input type="text" name="SystemLevel" id="SystemLevel" value=""/>';
objCell2.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell3 = objRow1.insertCell(3);
objCell3.innerHTML='<input type="text" name="Ownera" id="Ownera" value=""/>';
objCell3.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell4 = objRow1.insertCell(4);
objCell4.innerHTML='<input type="text" name="Ownerb" id="Ownerb" value=""/>';
objCell4.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell5 = objRow1.insertCell(5);
objCell5.innerHTML='<input type="text" name="SystemDesc" id="SystemDesc" value=""/>';
objCell5.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell6 = objRow1.insertCell(6);
objCell6.innerHTML='<input type="text" name="SystemDate" id="SystemDate" value=""/>';
objCell6.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
objCell7 = objRow1.insertCell(7);
objCell7.innerHTML='<input type="text" name="Recorder" id="Recorder" value=""/>';
objCell7.style.cssText="width:auto; height:auto; word-wrap: break-word;white-space: nowrap;"
}