javascript动态添加元素

javascript动态添加元素<!doctypehtml><htmllang=”en”><head><metacharset=”UTF-8″><metaname=”Generator”content=”EditPlus®”><metaname=”Author”content=””><metaname=”Keywords”content=””><metaname=”Description”co…

大家好,又见面了,我是你们的朋友全栈君。

<!doctype html>
<html lang=”en”>
 <head>
  <meta charset=”UTF-8″>
  <meta name=”Generator” content=”EditPlus®”>
  <meta name=”Author” content=””>
  <meta name=”Keywords” content=””>
  <meta name=”Description” content=””>
  <title>Document</title>
 </head>
 <body>
  <script>
      function addLiElement() {

        var liElement = document.createElement(‘li’);
        //liElement.innerHTML = ‘这是新增的li元素’;
        var labelElement = document.createElement(‘label’);
        var inputElement = document.createElement(‘input’);
        labelElement.innerHTML = ‘单号:’
        inputElement.setAttribute(‘name’, ‘expressNumber’);
        liElement.appendChild(labelElement);
        liElement.appendChild(inputElement);
        var ulElement = document.getElementById(‘myid’);
        ulElement.appendChild(liElement);
    }
  </script>
  <ul id=”myid”>
    <li>aa</li>
    <li>bb</li>
  </ul>
  <p>
    <button onClick=”addLiElement();”>动态添加标签</button>
  </p>
 </body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/152117.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • windows7如何关闭445端口_win10重装win7的后果

    windows7如何关闭445端口_win10重装win7的后果勒索病毒最新变种2.0已导致我国的很多行业遭受袭击。勒索病毒是通过入侵端口传播,主要是445端口,用户可以通过关闭445端口可以有效预防勒索病毒。下面重点介绍如何关闭445端口。关闭445端口方法图文教程方法一:使用工具一键关闭使用一键关闭445端口软件,下载本工具可以查看计算机开放端口列表及一键关闭445端口方法二:注册表首先,来查看下系统当前都开放了什么端口,怎样查看呢?调出cmd命令行程序,…

    2022年10月16日
  • Java序列化和反序列化

    Java序列化和反序列化

  • intellij idea 2022.01激活码【2022.01最新】

    (intellij idea 2022.01激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

  • localdate转date时区问题_Date和LocalDate互转「建议收藏」

    localdate转date时区问题_Date和LocalDate互转「建议收藏」一.简述Date对象表示特定的日期和时间,而LocalDate(Java8)对象只包含没有任何时间信息的日期。因此,如果我们只关心日期而不是时间信息,则可以在Date和LocalDate之间进行转换。二.Date转LocalDate如果要将Java.util.Date转换为java.time.LocalDate,可以使用以下步骤:1)将java.util.Date转换为ZonedDateTime。…

  • python编写淘宝秒杀脚本

    python编写淘宝秒杀脚本最近想抢冰墩墩的手办和钥匙圈,但是同志们抢的速度太快了,无奈,还是自己写脚本吧。添加火狐浏览器插件Omnibug是一个插件,可以简化web度量实现的开发。检查每个传出请求(由浏览器发送)的模式;如果出现匹配,URL将显示在开发人员工具面板中,并进行解码以显示请求的详细信息。在火狐浏览器的插件中直接搜索、下载即可安装geckodriver在python中使用selenium爬取动态渲染网页,这个过程之中需要安装浏览器驱动geckodrivergeckodrivergithub链接将下载后到

  • Oracle日期函数「建议收藏」

    Oracle日期函数「建议收藏」Oracle日期类型函数是操作日期、时间类型的相关数据,返回日期时间类型或数字类型结果,常用的函数有:SYSDATE()、ADD_MONTHS()、LAST_DAY()、TRUNC()、ROUND()等等。系统日期、时间函数:SYSDATE函数:该函数没有参数,可以得到系统的当前时间。案例代码:selectto_char(sysdate,’yyyy-mm-ddhh24:mi:ss’)fromdual;结果:SYSTIMESTAMP函数:该函数没有参数,可以得到系统的当.

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号