使用script创建标签添加属性值和添加样式
<mark>使用script创建标签和给标签属性值以及样式的方法</mark>
<script>
window.onload=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.onclick=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里面
}
}
</script>
最新文章
- iOS之UI--富文本总结
- VS2012完全卸载与VS2013安装
- C#正则表达式教程和示例
- CocoaPods安装和使用教程
- .NET 分页
- LIS(nlogn) POJ 3903 Stock Exchange
- scrollView中的pagingEnabled的功能
- LeetCode28 Implement strStr()
- 钣金的折弯成型工艺(Press Braking)
- 373. Find K Pairs with Smallest Sums
- 全英文版时间格式化07/29/2010 4:14:01 PM
- 【openstack N版】——网络服务neutron
- springMVC项目国际化(i18n)实现方法
- 1.10 tuple 元组
- 如何解决python中使用flask时遇到的markupsafe._compat包缺失的问题
- topcoder srm 565 div1
- autoperfixer 版本配置
- 12.11 Daily Scrum
- Linux文件系统命令 mv
- C/C++基础----随机数分布和随机数引擎