前端学习笔记：js 第五天 -- 增加标签和删除标签、表格、全选、全不选、反选

增加标签和删除标签

控制表单元素的值

• 获取值  获取标签.value

• 修改值  获取标签.value='值'

创建标签：document.createElement

设置标签内容： 获取标签.innerHTML=``;

增加标签：a.appendChild(b)   把b追加到a内部的后面

删除标签：b.parentNode.removeChild(b)  删除b标签 a是b的父级

修改文本标签的值： 获取标签.value='值';

<script>
            // 创建标签
             var tag=document.createElement('li');
             tag.innerHTML=``;

            //添加
            box.appendChild(tag);
            // 修改值
             txt.value='';
            //删除
             function del(a){
                
                // a.parentNode选择a的父级 得到的是唯一的
                a.parentNode.removeChild(a);
            }
</script>
                

表格

表格标签：<table>

行：<tr>实现一行的效果

列