js中如何删掉图片添加新图片

 时间:2024-10-30 23:26:41

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。但是js中如何删掉图片添加新图片,下面小编就教大家如何解决这个情况。

js中如何删掉图片添加新图片

方法/步骤

1、<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><styletype="text/css">Image{width:100px;height:100px;}</style><scripttype="text/javascript">functionchuangjian(){

js中如何删掉图片添加新图片

2、//添加图片vararray=['1.门钙蹲茌jpg','2.jpg&垆杪屑丝#39;,'3.jpg','4.jpg','5.jpg','6.jpg','7.jpg','8.jpg','9.jpg','10.jpg','11.jpg','12.jpg','13.jpg','14.jpg','15.jpg'];//alert(array.length);vartablenode=document.createElement('table');vartbody=document.createElement('tbody');tablenode.setAttribute('width','600px');tablenode.setAttribute('height','400px');tablenode.setAttribute('border','2px');varcount=0;

js中如何删掉图片添加新图片

3、for(va筠续师诈ri=0;i<3;i++){vartrnode=document.creat髫潋啜缅eElement('tr');for(varj=0;j<5;j++){vartdnode=document.createElement('td');varimgnode=document.createElement('img');imgnode.setAttribute('src','picture/'+array[count]);tdnode.appendChild(imgnode);trnode.appendChild(tdnode);count++;}tbody.appendChild(trnode);}tablenode.appendChild(tbody);document.body.appendChild(tablenode);}

js中如何删掉图片添加新图片

4、//2.删除第3行第2列的图片functionshanchu(){varoldnode=document.getElementsByTagName('img')[11];oldnode.parentNode.removeChild(oldnode)}</script></head><body><inputtype="button"value="创建相册"onclick="chuangjian();"/><inputtype="button"value="替换图片"onclick="tihuan();"/><inputtype="button"value="删除节点"onclick="shanchu();"/></body></html>

js中如何删掉图片添加新图片

5、下图为点击创建相册后所呈现页面效果。

js中如何删掉图片添加新图片

6、然后点击页面上方替换图片选项,替换页面中指定位置的图片,如下图所示。

js中如何删掉图片添加新图片

7、点击页面上方的“删除节点”选项,删除页面中指定位置的图片的节点,如下图所示。

js中如何删掉图片添加新图片

通过telnet 访问路由器(思科) 如何使用css实现鼠标滑过块上移并且出现阴影 jquery如何实现鼠标放上div时改变其大小 如何在js里设置元素为浮动属性 jquery如何实现让文字逐渐显示出来
热门搜索
高清动漫图片 动漫网站 轴流风机图片 苹果树简笔画图片 鸣雏漫画