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

220230825-纯js实现以下代码

时间:2023-09-02 10:32:28浏览次数:45  
标签:body appendChild document 代码 220230825 ul var js


题目

<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>

运行结果

220230825-纯js实现以下代码_html


标签:body,appendChild,document,代码,220230825,ul,var,js
From: https://blog.51cto.com/u_15460007/7330794

相关文章

  • 220230825-localstorage实现数据的增删改查
    演示案例<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>......
  • 用友致远U8-OA getSessionList jsp信息泄露复现
    1.漏洞描述用友U8-OAgetSessionList.jsp存在漏洞,攻击者通过该漏洞可以获取到所有用户的sessionID,利用获取到的sessionID即可登录到系统。2.网络测绘fofa:"用友U8-OA"3.漏洞复现1.登录页面2.验证POC/yyoa/ext/https/getSessionList.jsp?cmd=getAll3.将其拼......
  • 低代码
    低代码开发是一种快速构建应用程序的方法,它将开发人员从繁琐的编码任务中解放出来,提供了图形化界面和可视化工具,使得应用程序的开发变得更加高效和简化。低代码平台通常提供了一系列预构建的模块和组件,开发人员可以通过简单的拖拽和配置,而不是编写大量的代码,快速地创建应用程序。在......
  • static关键字,帮助文档,代码块
    1,static关键字-可以修饰成员变量和成员方法,代码块-特点:被类的所有对象共享也是我们判断要不要用static修饰的标准随着类的加载而加载优先于对象存在的可以通过类名调用本身也可以通过对象名调用-静态内容也称为:类成员packagecom.momo.demo;/*创建了多个对象,不同的人姓名年龄不一样......
  • 深入了解Vue.js:现代化的前端开发框架
    标题:深入了解Vue.js:现代化的前端开发框架Vue.js,或简称Vue,是一款备受前端开发者喜爱的现代化JavaScript框架。它的出现改变了前端开发的方式,使开发者能够更轻松地构建交互性强、响应迅速的Web应用程序。本文将深入探讨Vue.js的各个方面,从其核心概念到生态系统,让您对这个强大的框架有......
  • qt读取json文件
    Qt读取json数据文件步骤:本条记录未进行判断,只是针对自己在已知json数据文件下的读取1、打开文件QFliefile("设置路径");2、设置文件打开方式file.open(QFile::ReadOnly|WriteOnly|ReadWrite);3、读取文件数据QByteArrayall=file.readAll();4、关闭文件file.cl......
  • 记Nodejs的简单笔记
    Nodejs简单笔记fs模块VSCode路径提示插件-PathAutocomplete1.读取文件constfs=require('fs');fs.readFile('demo.txt','UTF-8',function(error,data){if(error==null){//文件读取成功console.log('data:'+da......
  • 优化函数迭代每次都要查找的代码
    在做Perfeye需求的时候,有写了一个函数,每次遍历,要根据相同的时间,把对应的数据整合刚开始用findIndex进行每次查找,但是性能很差,后面问了gpt有没有什么操作能不用findIndex,gpt说可以单独存储时间索引值来进行判断旧代码constgetFTimeDataSetSourceData=()=>{constresu......
  • 记录一种代码设计规范
    看源码的时候看到一种写法,FSM继承了IFsm和FsmBase,而使用的时候有的地方用接口,有的地方用抽象类: 有点疑惑,为啥不把IFsm和FsmBase合成一个类,后来看到了一种代码规范: 传参数的时候用IFsm,返回值用FsmBase。......
  • vue项目中package.json的个人见解
    一、背景介绍Vue.js是一种流行的JavaScript前端框架,它以简洁的语法、灵活性和可扩展性而受到开发者的青睐。在Vue项目中,package.json文件是一个非常重要的配置文件,它管理着项目的依赖关系、脚本命令、版本信息等。本文将探讨package.json在Vue项目中的重要性以及个人的使用经验。二......