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

2024-10-12 07:04:32

1、<!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() {

3、for (var i = 0; i < 3; i++) { var trnode = document.creat髫潋啜缅eElement('tr'); for (var j = 0; j < 5; j++) { var tdnode = document.createElement('td'); var imgnode = 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); }

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

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