如何添加、删除HTML结点 & 上传图片预览

如何添加、删除HTML结点 & 上传图片预览,第1张

用到Jquery插件

<div class="aa"></div>

<div class="bb">迹弯手</div>

添加节点: $(".aa").append(".bb") 节点aa后面添加bb节点

删除节点: $(".bb").remove() 删除最后一姿嫌个节点$(".bb:last").remove()

上传图片预览:

$("#flie").change(function(){ //上传 控件 上传的 预览

$("#img1").attr("src","file:///"+$("#flie").val())

})

<input id="flie" name="flie" type="file" /闹辩><br>

<img id="img1" width="500" height="200" src="">

html图片添加的方法如下:

工具:Dell游匣G15、Windows10、记饥茄闷事本2021。

1、首先在电脑中新建一个烂弯文件夹(如:web-01),在该文件夹里新建一个html文件(如:index1.html)。

2、接着打开这个html文件,编写一个html的基本框架。

3、纳友接着在头部<head>……</head>中加入插入背景图片的代码。不设置平铺方式的情况下是默认水平竖直都平铺。

4、若要不重复平铺,需要写入“background-repeat:no-repeat”此时,图片只显示一次。

5、编写完成之后,保存为html后缀,如下图所示就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11995303.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存