html创建inputdiv节点并且,动态创建节点并且给创建的元素添加属性

window.οnlοad=function(){

var btn=document.createElement('button');//创建一个button标签

document.body.appendChild(btn);//追加防止在body里面

btn.innerHTML="点击";

btn.setAttribute("id","btn1");//给button添加一个id的属性并且取名未btn1

var btn1=document.getElementById("btn1");//获取id

btn1.οnclick=function(){//给这个id添加一个点击事件

btn.style.display="none";//点击后隐藏这个按钮

var div=document.createElement("div");//创建一个div

div.setAttribute("class","div");//给这个div一个class 的值并且命名为div

div.innerHTML="用户名";//将用户名放入在前面创建的div里面

div.style.cssText="width:50px;color:#000";//设置这个div的宽和字体颜色

document.body.appendChild(div);//将这个div放在body里面

var input1=document.createElement("input");//创建一个input标签

input1.setAttribute("type","text");//给这个input标签添加一个type的属性和type的值text

document.body.appendChild(input1);//放在body里面(排序方式一次往后面排)

var br=document.createElement("br");//创建一个br标签

document.body.appendChild(br);//放在body里面(排序方式一次往后面排)

var btn1=document.createElement("input");//创建一个input标签

btn1.setAttribute("type","button");//给这个input标签添加一个type的属性和type的值button

btn1.setAttribute("value","登录");//给这个input标签添加一个value和value的值登录

document.body.appendChild(btn1)//将btn1添加到body里面

}

}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有