JavaScriptでthymeleaf属性を追加する方法

Question

 //追加ボタン押下後に1行追加、trタグ内にtdタグを追加
			for(var i=0; i<tbodyCnt;i++){
				var td=document.createElement('td');
				tr.appendChild(td);
				var input =document.createElement('input');
				td.appendChild(input)
				if(i==0){
					input.type='Date';
				}
				if(i==1){
					input.type='text';
				}
			}
```![イメージ説明](46ae110a0ed09c3a9632cd78a857ff84.jpeg)
上記のjsのコードで画面の追加ボタンを押下すると1行できるのですが、HTMLではThymeleafを使っており
```HTML
<td><input id=searchdateto type="Date" name="date"
						th:value="${today}"></td>
					<td><select name="koumoku" id="searchkoumoku">
							<option th:each="obj: ${koumokuList}" th:value="${obj.koumokuId}"
								th:text="${obj.koumoku}"></option>
					</select></td>

日付にはJavaで作成した日付をいれ、項目もDBからとってきたものを画面上にプルダウンで表示しています。
JavaScriptで作成したタグに対して同じようなことはできるのでしょうか。

Answer 1

trごとcloneしてid変えたら済みそうに思うのですが、そういうことではないのでしょうか。

Comments

[退会済みユーザー]

メソッドの存在を知りませんでした。
cloneを使って解決できました、ありがとうございます。