2021-08-20 js创建元素，修改元素，插入页面

最新推荐文章于 2023-02-02 20:26:49 发布
最新推荐文章于 2023-02-02 20:26:49 发布
阅读量137 收藏
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li_ding_ding/article/details/119828066
版权

在这里插入图片描述

举例子：

在这里插入图片描述

用if写出不同方向的三角形（创建一个元素）：

在这里插入图片描述

获取页面中id属性的div元素

在这里插入图片描述

创建是个div插入到页面中，让奇数的div背景颜色为#fac，让偶数的背景为#caf

在这里插入图片描述

一口井十米，一只蜗牛从井底开始爬，白天爬3米，晚上掉两米，问，几天能爬上来

在这里插入图片描述

在这里插入图片描述

li_ding_ding
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java算法实现蜗牛援井(井深、攀爬距离、下滑距离)
WanAkiko.
07-02 2056
package extraPractice; import java.util.Scanner; public class ASnail { static Scanner sc = new Scanner(System.in); public static void main(String[] args) { System.out.print("请输入井深："); double wellDepth = sc.nextDouble(); System.out.print("请输入蜗牛
Sbail2.class蜗牛爬井while循环
05-02
蜗牛爬井的while循环
使用 JavaScript 向网页中添加元素
kllo__的博客
02-09 2239
创建元素 // Create an li element const pythonElement = document.createElement("li"); 设置元素属性 // ... pythonElement.id = "python"; // Define element ID pythonElement.textContent = "Python"; // Define its text content 将元素插入 DOM // I...
JavaScript练习题
2201_75359538的博客
02-02 507
一些JavaScript的简单练习题
JS的运算
qq_58154602的博客
07-28 363
第一节 算术运算 通过运算操作数据（事物）的行为，运算表示行为。 例：蜗牛爬井，一口井 10 米，蜗牛白天爬 3 米，晚上滑 2 米，蜗牛几天爬出？ //当前位置在井底，默认是 0 var position = 0; //白天爬 3 米 position = position + 3; //晚上滑 2 米 position = position - 2; alert(position); //1 2 3 4 .... //加赋值 1 表示爬行一米 //position = p
quote-me:随机报价生成器，可插入页面上的任意位置
04-28
容器div将动态添加到页面中，并插入到body元素的第一个子元素之前。 要使报价生成器在页面中的其他任何位置，只需创建一个ID为“ quoteGenerator”的div，然后将其放置在您希望在页面上显示的任何位置即可。 如果您...
fewpjs-removing-altering-and-inserting-html-lab-v-000
03-09
在JavaScript中创建元素是一个简单的过程。 只需调用document.createElement('tagName') ，其中tagName是任何有效HTML标记的名称（例如'p' ， 'div' ， 'span'等）。 在浏览器中打开index.html
fewpjs-removing-altering-and-inserting-html-lab-onl01-seng-ft-041320
03-25
以编程方式创建DOM元素document.createElement() 在JavaScript中创建元素是一个简单的过程。 只需调用document.createElement('tagName') ，其中tagName是任何有效HTML标记的名称（例如'p' ， 'div' ， 'span'等）。...
fewpjs-removing-altering-and-inserting-html-lab-online-web-sp-000
03-09
在JavaScript中创建元素是一个简单的过程。 只需调用document.createElement('tagName') ，其中tagName是任何有效HTML标记的名称（例如'p' ， 'div' ， 'span'等）。 在浏览器中打开index.html
Lotus Domino WEB 开发技术积累-DOC(313页)
05-11
14. 判断文档是否正在被修改 13 15. 在只读的方式下返回（$$return 13 16. 刷新表单 14 17. 怎样在文档里存照片？ 14 18. 后台lotusscript如何取得前台表单中复选框所选择的项目列表（b/s结构） 15 19. 试图的列公式...
通过JS动态创建一个html DOM元素并显示
12-10
近日，因工作需要，需要通过点击某个元素后， 动态创建一个DOM元素并显示，因此写了一些相关的JS函数，在此记录，以作备忘： /**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ function getElement(obj) { return typeof obj=='string'?document.getElementById(obj):obj; } /**//* 获取某个元素的位置 @obj 该元素的DOM对象，或该元素的ID */ function getObjec
KC20230202 JS练习题
qq_43572555的博客
02-02 151
【代码】KC20230202 JS练习题。
js动态添加页面元素
ansinie的博客
07-15 331
//添加属性值的语法 box.className='box';//添加class box.setAttribute("data-id",id); //添加data属性 box.innerText=title_text //添加内容 // 。。。。一堆，想加什么就加吧 //封装一个方法，方便调用 function addHtml(title_text,text_txt,imgSrc,id){ ...
蜗牛爬井
zjhzcjg的专栏
01-21 7934
2120: 蜗牛爬井 时间限制: 1 Sec  内存限制: 128 MB 提交: 808  解决: 77 [提交][状态][讨论版][Edit] [TestData] 题目描述 有一口井n米深，一只蜗牛每天白天向上爬x米，晚上滑下y米，问蜗牛在第几天爬出井？ 输入 输入数据有多组，每组占一行，每行第一个数是正数n（0）第二、三个数是正数x和y（x>=y），
带你彻底学会JS DOM技术之创建，插入元素
大河之犬的博客
10-06 4438
所谓的“动态DOM”，指的是使用JavaScript创建的元素。来创建一个文本节点，然后可以将元素节点与文本节点“组装”成我们平常看到的“有文本内容的元素”。方法把已经创建好的“有内容的strong元素”插入到div元素中，这时才会显示出内容。动态创建了一个strong元素，但是此时strong元素是没有内容的。//将strong元素插入div元素（这个div在HTML已经存在）方法将一个新元素插入到父元素中的某一个子元素“之前”A表示父元素，B表示新子元素。把一个新元素插入到父元素的内部子元素的“末尾”
蓝桥杯stema考试题目讲解 0814CC02 蜗牛爬井 2021
llh200804的博客
08-16 1451
题目： 0814CC02 时间限制： 1000MS 内存限制： 65536KB 题目描述： 编程实现：蜗牛爬井 题目描述： 有一口N米深的井，蜗牛从井底向井口爬，白天向上爬3米，晚上向下滑1米，那么蜗牛几天能爬出井口。 输入描述 输入一个正整数N（4<N<108），表示井深 输出描述 按照题目描述的爬行情况，计算出蜗牛需要几天能爬出井口（不足一天按一天计算） 样例输入 5 样例输出 2 提示 评分标准： 6分：能正确输出一组数据； 6分：能正确输出两组数据； 8分：能正确输出三组数据。 题目讲
HDOJ 1302(UVa 573) The Snail(蜗牛爬井)
weixin_34332905的博客
04-08 217
Problem Description A snail is at the bottom of a 6-foot well and wants to climb to the top. The snail can climb 3 feet while the sun is up, but slides down 1 foot at n...
Java实现蜗牛爬井的问题
qq_27445049的博客
12-22 5436
Java实现蜗牛爬井的问题 **有口井n米深，有个蜗牛从井底往上爬，白天爬x米，晚上往下坠y米，问蜗牛几天能从井里爬出来? import java.util.Scanner; public class SnailClimbWell { public static void main(String[] args) { // TODO 自动生成的方法存根 //从键盘读取井深n的值 S...
学习记录--C语言基础--蜗牛爬井
学习记录
02-21 4468
/** 文件描述：蜗牛爬井.c 作者：安理计算机 杨腾飞 日期：2019.2.13 版本：v1.0 问题描述：在已知白天蜗牛爬升的距离，晚上下滑的距离，以及井的深度计算出蜗牛爬出井所需要的时间 */ #include&amp;lt;stdio.h&amp;gt; main() { int up,down,deep,time; //定义每天往上爬距离，每天往下滑距离，井的深度，时间 printf(&quot;Pleas...
用js渲染到html上用到的元素都有哪些
最新发布
09-21
1. document对象：通过document对象可以访问和操作整个HTML文档，例如获取元素、创建元素、修改元素等。 2. HTML元素：可以使用JavaScript通过document对象的方法获取或创建HTML元素，并对其进行操作。常见的HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值