JS验证输入框的内容是否为空方法

---

验证输入框的内容是否为空然后给出判断信息的两种方法

---

1.在HTML中创建一个div，创建一个变量x获取输入框里value的值，如果x===""，div.innerHTML=“输入提示信息"否则div.innerHTML=”";`

let value = document.querySelector("#psw").value;
    if ((value.trim()) === "") {
        errortip.innerHTML = "密码不可以为空";
    } else {
        errortip.innerHTML = "";
    }

2.不在HTML里创建div，通过js在父元素里创建一个节点createElement()，该节点的值=提示信息，再appendChild()把该节点添加到父元素中（可以添加逻辑验证：当子节点<2时添加进去子节点，否则把添加的最后一个节点删除掉）

let value = document.querySelector(".nicheng").value;
    if ((value.trim()) === "") {
        let e = document.createElement('div');
        e.innerHTML = "昵称不可以为空";
        if (fenge.childElementCount < 2) {
            fenge.appendChild(e);
        } else {
            if (fenge.childElementCount > 1) {
                fenge.removeChild(fenge.lastChild);
            }
        }
    }

与html相关联的方式
1.document.getElementById()

document.getElementById("box").children[0].children;

获得id='box’的第1个节点的所有节点；
2.document.getElementsByTagName()得到的是个数组

document.getElementsByTagName("ul")[0].children;
document.getElementById('nav').firstElementChild.children;

获得第1个ul标签的所有节点；
3.document.querySelector()括号里面写css语法
手动自定义标签属性的话在js里要用input.getAttribute(‘sex’)获得

给获取到的li赋值:

let liList = document.getElementsByTagName('ul')[0].children;
for(let i = 0;i<liList.length;i++){
    liList[i].setAttribute('index',i);
    console.log(liList[i].getAttribute('index'));
}