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)


相关推荐

  • pycharm鼠标滚动控制字体大小_pycharm窗口放大

    pycharm鼠标滚动控制字体大小_pycharm窗口放大1、放大页面方法第一步:打开file里面的setting,然后打开Keymap,再搜索框中输入increase,点击increaseFontSize,双击AddMouseShortcut(先不用点OK)第二步:点击AddMouseShortcut弹出下面对话框,然后按住ctrl并向上滚动鼠标滑轮,将变成第二个对话框,点击OK;第三步:显示下面页面表示设置放大成功,点击OK即可。2、缩小页面方法与上面方法类似,将increase变成decrease输入即可;…

  • Nodecache最适合国内地区的免备案CDN推荐!

    Nodecache最适合国内地区的免备案CDN推荐!自己的一个网站,因为服务器是海外的,虽然速度还不错,但延迟和丢包问题经常困扰着我。尤其是到了晚上,丢包情况就更加严重,所以需要一款免备案、有香港节点的CDN来提升一下访问体验。查了下资料,很多人推荐使用Nodecache,用了一段时间后感觉Nodecache确实还不错,下面给大家介绍一下。Nodecache是GlobalCacheTechnologyCo.,Ltd.旗下品牌,致力于为客户提供一站式的在线业务加速服务。Nodecache主要提供的就是免备案CDN加速、SSL证书、DNS

  • Dubbo分布式服务框架入门(附工程)

    Dubbo分布式服务框架入门(附工程)

    2020年11月12日
  • error at hooking api ntprotect_read,match and write

    error at hooking api ntprotect_read,match and write 编译环境:delphi2010+windows7u,用途读取其他程序中readprocessmemory和writeprocessmemory的参数,但不知读取偏移即a+($b),b是怎么读的  一、用hook全局钩子线程钩子:已实现使用INLINEhookapi,CriticalSection临界区,dll分为动态loadlibry和静态加载问题1:对多线程目标

  • linux下安装ffmpeg_linux 当前时间

    linux下安装ffmpeg_linux 当前时间linuxffmpeg安装ffmpeg安装不会吧这都22年了还有人问ffmpeg安装第一步我们先去下载资源包这里是4.4版本wgethttp://www.ffmpeg.org/releases/ffmpeg-4.4.tar.gz第二步解压资源包tar-zxvfffmpeg-4.4.tar.gz第3步创建安装目录我是安装在##我是安装在/www/server/ffmpeg下面mkdirffmpeg第4步返回解压目录cdffmpeg-4.

  • ELK搭建的坑_elk技术栈

    ELK搭建的坑_elk技术栈ELK搭建的坑

    2022年10月20日

发表回复

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

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