javascript用innerHTML替换原有的div标签中的代码

cdcdhj

已于 2023-09-13 22:14:11 修改

阅读量220

点赞数

分类专栏： javascript学习日记文章标签： javascript 服务器

于 2023-09-13 22:13:30 首次发布

本文链接：https://blog.csdn.net/cdcdhj/article/details/132865930

版权

javascript学习日记专栏收录该内容

124 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
            var div=document.getElementsByClassName("bd");//获取到下面div标签
            //编写替代的<ul>内容
            var html="<ul><li >账号：<input type =\"text\" name=\"user\" size=\"20\" value=\"\" /></li><li >密码：<input type =\"password\" name=\"pwd\" size=\"20\" value= ''/></li><li ><input type =\"button\" name=\"button1\" value='登陆'/></li></ul>";
            //进行替换
            div[0].innerHTML=html;  
           </script>

//原div标签中的代码

<div class="bd">
              <ul>
                <li >用户名：<input type="text" name="user" size="20" value=""/></li>
                <li >密&emsp;码：<input type="password" name="pwd" size="20" value=""/></li>
                <li ><input type="button" name="button1" value="登陆"/></li>
              </ul>
            </div>