js 创建标签 追加标签

适用于写评论,写博客等要创建和插入新的标签的地方

四个步骤:

1、创建标签

var tag=document.createElement( ' li ' );

2、添加标签内容 tag.innerHTML='内容'

 内容可以是标签加常量加变量:例如:list.innerHTML='

  • '+name+‘你好!  ' 其中,name是获取到的名字的值。

    清空标签内容:li.innerHTML= ' ';   此时的 li 标签仍然存在,但是他的子级都没了

    
        	姓名:
        	班级:
        	
        	
        	
    选择 姓名 班级 删除

    3、追加标签

    方式1:a.parentNode.appendChild( tag);  追加在a的父级的最底部,而且 a 和 tag 都是同一个父级;

    方式2:a.parentNode.insertBefore(tag , a); 追加在 a 的前面, a 和 tag 都是同一个父级;

    4、获取 input 的值:例如:  var name = txt.value   

    改变 input 标签文本的内容:txt.value='你好'; 

  • 你可能感兴趣的:(javaScript,创建标签,追加标签)