dom処理になっていませんね
もしappendChildで処理するならliはcreateElementしてください
文字列を挿入したいならinnerHTMLで誤魔化せばいいでしょう
javascript
1<script>
2window.addEventListener('DOMContentLoaded', function(e){
3 let buttonObj = `
4 <li class="adjust-box box-1x2" id="" ontouchstart="">
5 <div class="inner">
6 <p>test</p>
7 </div>
8 </li>`;
9 var todoParentObj=document.querySelector('.todo_category ul');
10 todoParentObj.innerHTML+=buttonObj;
11});
12</script>
13
14<section class="todo_category">
15<ul>
16</ul>
17</section>
dom処理
javascript
1<script>
2window.addEventListener('DOMContentLoaded', function(){
3 var li=document.createElement('li');
4 li.classList.add('adjust-box','box-1x2');
5 li.setAttribute('id','');
6 li.addEventListener('touchstart',function(){});
7 var div=document.createElement('div');
8 div.classList.add('inner');
9 var p=document.createElement('p');
10 document.querySelector('.todo_category ul').appendChild(li);
11 li.appendChild(div);
12 div.appendChild(p);
13 p.appendChild(document.createTextNode('test'));
14});
15</script>
16
17<section class="todo_category">
18<ul>
19</ul>
20</section>