js中如何删掉图片添加新图片
来源:网络收集 点击: 时间:2024-02-13!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
title/title
style type=text/css
Image
{
width:100px;
height:100px;
}
/style
script type=text/javascript
function chuangjian() {

//添加图片
var array = ;
//alert(array.length);
var tablenode = document.createElement(table);
var tbody = document.createElement(tbody);
tablenode.setAttribute(width, 600px);
tablenode.setAttribute(height, 400px);
tablenode.setAttribute(border, 2px);
var count = 0;

for (var i = 0; i 3; i++) {
var trnode = document.createElement(tr);
for (var j = 0; j 5; j++) {
var tdnode = document.createElement(td);
var imgnode = document.createElement(img);
imgnode.setAttribute(src, picture/ + array);
tdnode.appendChild(imgnode);
trnode.appendChild(tdnode);
count++;
}
tbody.appendChild(trnode);
}
tablenode.appendChild(tbody);
document.body.appendChild(tablenode);
}

// 2.删除第3行第2列的图片
function shanchu() {
var oldnode = document.getElementsByTagName(img);
oldnode.parentNode.removeChild(oldnode)
}
/script
/head
body
input type=button value=创建相册 onclick=chuangjian(); /
input type=button value=替换图片 onclick=tihuan(); /
input type=button value=删除节点 onclick=shanchu(); /
/body
/html

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

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

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

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_37176.html