複製程式碼 程式碼如下: <br> Image<br> {<br> width:100px;<br> height:100px;<br> }<br> <br><br> function chuangjian() { </p> <p> //添加图片</p> <p> var array = ['1.jpg',<br> '2.jpg',<br> '3.jpg',<br> '4.jpg',<br> '5.jpg',<br> '6.jpg',<br> '7.jpg',<br> '8.jpg',<br> '9.jpg',<br> '10.jpg',<br> '11.jpg',<br> '12.jpg',<br> '13.jpg',<br> '14.jpg',<br> '15.jpg'<br> ];<br> //alert(array.length);<br> var tablenode = document.createElement('table');<br> var tbody = document.createElement('tbody');<br> tablenode.setAttribute('width', '600px');<br> tablenode.setAttribute('height', '400px');<br> tablenode.setAttribute('border', '2px');<br> var count = 0;<br> for (var i = 0; i < 3; i++) {<br> var trnode = document.createElement('tr');<br> for (var j = 0; j < 5; j++) {<br> var tdnode = document.createElement('td');<br> var imgnode = document.createElement('img');<br> imgnode.setAttribute('src', 'picture/' + array[count]);<br> tdnode.appendChild(imgnode);<br> trnode.appendChild(tdnode);<br> count++;<br> }<br> tbody.appendChild(trnode);<br> }<br> tablenode.appendChild(tbody);<br> document.body.appendChild(tablenode);<br> }</p> <p> // 1.将第2行第4列的图片替换成你自己的图片，不要使用setAttribute</p> <p> function tihuan() {<br> var pnode = document.createElement images/2.jpg');<br> var oldnode = document .getElementsByTagName('img')[8];<br> oldnode.parentNode.replaceChild(pnode, oldnode);<br> 🎜> }<br> <br> // 2.刪除第3行第2欄的圖片</p> <p> function shanchu() {</p> var oldnode = document.getElementsByTagName('img')[11]; .removeChild(oldnode)<p> }<br> <br><br></p> <br><input type="button" value="建立相簿" onclick="chuangjian();"><br><input type="button" value="替換圖片" onclick="tihuan();"><br><input type="button" value="刪除節點" onclick="shanchu();"><br><br> <br> </div>
