js 动态创建元素并设置样式

最新推荐文章于 2024-03-17 21:57:30 发布

weixin_34356555

最新推荐文章于 2024-03-17 21:57:30 发布

阅读量5.4k

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/kitty0107/blog/1626072

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <meta name="author" content="微普科技 http://www.wiipu.com" />
       <title>js动态创建元素并设置样式</title>
       <style type="text/css">
           * {
               margin: 0;
               padding: 0;
           }
           #zmkt {
               width: 600px;
               height: 250px;
               margin: 50px auto;
               background-color: #EAE7FF;
               text-align: center;
           }

       </style>
       <script>
           window.onload = function (){
               var oZmkt = document.getElementById("zmkt");
               var input=document.createElement("input");
           input.setAttribute("type", "text");//设置属性type为text
               input.style.width="400px";
               input.style.height="50px";
               input.style.marginTop="100px";

               input.value="请输入你的手机号";
               oZmkt.appendChild(input);


           }
       </script>
   </head>
   <body>
       
       <form action="" id="zmkt">



       </form>