如何选择在javascript/jquery中创建的DOM？

我正在制作一个网站，用户可以通过userinput创建新的LI项目，如下所示：

function addNav(event, nav) {
    event.preventDefault();
    const navDiv = document.createElement("div");
    navDiv.classList.add("nav-div");
    const newNav = document.createElement('li');
    newNav.innerText = navInput.value;
    newNav.classList.add("nav-item");
    navDiv.appendChild(newNav);
    navlist.appendChild(navDiv);
    const upBtn = document.createElement("button");
    upBtn.innerHTML = '<i class="fas fa-arrow-up"></i>';
    upBtn.classList.add("up-button");
    navDiv.appendChild(upBtn);
    const downBtn = document.createElement("button");
    downBtn.innerHTML = '<i class="fas fa-arrow-down"></i>';
    downBtn.classList.add("down-button");
    navDiv.appendChild(downBtn);
    const deleteBtn = document.createElement("button");
    deleteBtn.innerHTML = '<i class="fas fa-trash-alt"></i>';
    deleteBtn.classList.add("delete-button");
    navDiv.appendChild(deleteBtn);
    //savenav
    saveNavs(navInput.value);
    navInput.value = "";

这些导航然后保存到本地存储，每次加载站点时，它都会从存储在本地存储中的阵列创建li项。然而，我想创建javascript/Jquery连接到LI创建的DOM，但经过几天的研究，我找不到答案。所以我的问题是： 我如何选择我的DOM创建的Li？html文件中只有一个ul

---

@mutedoriginal我一直收到以下错误：未捕获的TypeError:document.getElementById。。。是空的

var kokDiv=document.getElementById'nav-id'。值； console.logkokDiv

function addNav(event, nav) {
    event.preventDefault();
    const navDiv = document.createElement("div");
    navDiv.classList.add("nav-div");
    const newNav = document.createElement('li');
    newNav.innerText = navInput.value;
    newNav.classList.add("nav-item");
    navDiv.appendChild(newNav);
    navlist.appendChild(navDiv);
    const upBtn = document.createElement("button");
    upBtn.innerHTML = '<i class="fas fa-arrow-up"></i>';
    upBtn.classList.add("up-button");
    navDiv.appendChild(upBtn);
    const downBtn = document.createElement("button");
    downBtn.innerHTML = '<i class="fas fa-arrow-down"></i>';
    downBtn.classList.add("down-button");
    navDiv.appendChild(downBtn);
    const deleteBtn = document.createElement("button");
    deleteBtn.innerHTML = '<i class="fas fa-trash-alt"></i>';
    deleteBtn.classList.add("delete-button");
    navDiv.appendChild(deleteBtn);
    newNav.setAttribute('id', 'nav-id');
    document.body.appendChild(navDiv);
    navlist.appendChild(newNav);
    //savenav
    saveNavs(navInput.value);
    navInput.value = "";

---

现在，只需使用.setAttribute方法向其添加一个ID即可 var navDiv=document.createElementdiv； 设置属性'id'，'navid'； setAttribute'class'，'nav class'； document.body.appendChildnavDiv；

---

document.getElementById'nav-id'.innerHTML='Wow！您刚刚更改了navDiv的innerHTML，方法是使用.setAttribute！！' 现在，只需使用.setAttribute方法向其添加一个ID即可 var navDiv=document.createElementdiv； 设置属性'id'，'navid'； setAttribute'class'，'nav class'； document.body.appendChildnavDiv；

---

document.getElementById'nav-id'.innerHTML='Wow！您刚刚更改了navDiv的innerHTML，方法是使用.setAttribute！！'；你好！谢谢你的回答，你可以把它添加到代码片段或代码块中吗。没有换行符我读起来有点困难我刚刚添加了一个新的示例，它可能会帮助您找到一种使用javascript创建元素的更简单方法。HTML元素也可以添加到javascript中，以使整个javascript都可以使用js@mutedorigial我不知道该怎么做对不起，我是个新手。我现在正在努力实现它。我应该把它添加到我的创建表单中吗？我一直得到这个错误：uncaughttypeerror:document.getElementById。。。纳利在吗！谢谢你的回答，你可以把它添加到代码片段或代码块中吗。没有换行符我读起来有点困难我刚刚添加了一个新的示例，它可能会帮助您找到一种使用javascript创建元素的更简单方法。HTML元素也可以添加到javascript中，以使整个javascript都可以使用js@mutedorigial我不知道该怎么做对不起，我是个新手。我现在正在努力实现它。我应该把它添加到我的创建表单中吗？我一直得到这个错误：uncaughttypeerror:document.getElementById。。。是空的