首页 > 其他分享 >纯js实现以下代码

纯js实现以下代码

时间:2023-09-01 16:04:17浏览次数:30  
标签:body appendChild 以下 代码 js ul var document

题目

<ul>
   <li>1<li>
   <li>2<li>
   <li>3<li>
</ul>

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var body = document.querySelector('body');
        var ul = document.createElement('ul');
        body.appendChild(ul);
        for (var i = 1; i <= 3; i++) {
            ul.innerHTML += '<li>' + i + '</li>'
        }
        // ul.innerHTML = '<li>1</li><li>2</li><li>3</li>'
    </script>
</body>

</html>

运行结果

纯js实现以下代码_html

标签:body,appendChild,以下,代码,js,ul,var,document
From: https://blog.51cto.com/u_14476028/7323853

相关文章

  • 程序员的线性代数教程!Jupyter 代码和视频可能更适合你
    红色石头的个人博客:www.redstonewill.com推荐一份适合程序员的线性代数教程,包含理论和源码。教程地址为:https://github.com/fastai/numerical-linear-algebra本教程的重点是以下问题:我们如何以可接受的速度和可接受的精度进行矩阵计算?这份教程来自于旧金山大学的分析学硕士2017暑......
  • jsp 和 servlet 有什么区别?
    JSP(JavaServerPages)和Servlet是JavaWeb开发中的两个重要技术。它们都运行在服务器端,并用于生成HTML页面,但它们在设计和使用上有一些区别。基础:Servlet:Servlet是Java类,用于扩展服务器的功能。它允许开发人员通过编程方式生成动态Web页面。JSP:JSP是一种基于......
  • centos node.js安装puppeter遇到的一些错误
    libatk-1.0.so.0Failedtolaunchthebrowserprocess!/data/project/p_base/node_modules/puppeteer/.local-chromium/linux-1002410/chrome-linux/chrome:errorwhileloadingsharedlibraries:libatk-1.0.so.0:cannotopensharedobjectfile:Nosuchfileordi......
  • fastjson2 打开 AutoType
    1.功能简介FASTJSON支持AutoType功能,这个功能在序列化的JSON字符串中带上类型信息,在反序列化时,不需要传入类型,实现自动类型识别。2.AutoType安全机制介绍必须显式打开才能使用。和fastjson1.x不一样,fastjson1.x为了兼容有一个白名单,在fastjson2中,没有任何白名单,也不包括......
  • JS 获取form表单的所有数据
    在HTML中用js获取通过GET、POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值。针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴出来的代码可以作为公用方法直接调用。可以提高大家的开发效率。html<body><formid="login"name="login"......
  • 使用 Node-RED 构建 DolphinDB 低代码平台
    前言DolphinDB是由浙江智臾科技有限公司研发的一款高性能分布式时序数据库,集成了功能强大的编程语言和高容量高速度的流数据分析系统,为海量结构化数据的快速存储、检索、分析及计算提供一站式解决方案。DolphinDB数据库支持每秒百万级数据写入,万亿级别数据毫秒级查询响应,以及高压......
  • js 压缩库 LZString,压缩率大约 10%
    1//Copyright(c)2013Pieroxy<[email protected]>2//Thisworkisfree.Youcanredistributeitand/ormodifyit3//underthetermsoftheWTFPL,Version24//FormoreinformationseeLICENSE.txtorhttp://www.wtfpl.net/5//6......
  • [代码随想录]Day33-动态规划part01
    题目:509.斐波那契数思路:动规五部曲:这里我们要用一个一维dp数组来保存递归的结果确定dp数组以及下标的含义dp[i]的定义为:第i个数的斐波那契数值是dp[i]确定递推公式为什么这是一道非常简单的入门题目呢?因为题目已经把递推公式直接给我们了:状态转移方程dp[i]=dp[i-......
  • svnWebUI svn服务端web 开源代码版本控制系统 图形化管理系统
    svn是Subversion的简称,是一个开源的代码版本控制系统,svn就是用于多人共同开发同一个项目,达到资源共用目的工具。版本控制是什么?版本控制(Revisioncontrol)是指对软件开发过程中各种程序代码、配置文件及说明文档等文件变更的管理。可记录每个版本的信息,方便问题追踪。同时版本控制......
  • SQL Server 操作JSON数据库列
    use[tempdb]declare@JSONnvarchar(max)set@JSON=N'{"id":"WakefieldFamily","parents":[{"familyName":"Wakefield","givenName":"Robin"},{"familyNam......