コードをコピー コードは次のとおりです: <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('img');<BR> pnode.setAttribute('src', 'images/2.jpg');<BR> var oldnode = document .getElementsByTagName('img')[8];<BR> oldnode.parentNode.replaceChild(pnode, oldnode);<BR> var oldnode = document.createElement('img');<BR> }</P> <P> // 2. 行 3、列 2 の画像を削除します</P> <P> function shanchu() {<BR> var oldnode = document.getElementsByTagName('img')[11];<BR> oldnode.parentNode.removeChild(oldnode)<BR> }<BR> クリックしてアルバムを作成し、ページを表示します [画像を置換] をクリックして、指定した場所の画像を置き換えます [ノードの削除] をクリックして、指定した位置にある画像のノードを削除します
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
