html页面动态操作总结

（1）给父元素中填充新的元素

//创建新的子元素
var li_f = document.createElement("li");
//元素添加样式
li_f.className = a===0?"layui-nav-item layui-nav-itemed":"layui-nav-item";
//填充到父元素中
treelayer.appendChild(li_f);

（2）修改元素的class

if ($li.className.search("layui-nav-itemed") > -1) {
    //关闭菜单
    checked = false;
    //layui-icon layui-icon-triangle-r
    $i.classList.remove("layui-icon-triangle-d");//从class列表中删除指定的class
    $i.classList.add("layui-icon-triangle-r");//给元素添加一个class
}else {
    //打开菜单
    checked = true;
    //layui-icon layui-icon-triangle-d
    $i.classList.remove("layui-icon-triangle-r");
    $i.classList.add("layui-icon-triangle-d");
}

（3）search()方法

从字符串中查找子串，返回子串第一个字符的下标，找不到返回-1

str.search("substr")

（4）获取元素标签中的内容

$(".decument").innerText;

$this.parentNode.parentNode.previousSibling.children[1].innerText;

（5）获取input框的输入内容

var keyString = $("#keyString").val();

（6）清空input框的输入

$("#keyString").val("");