코드 복사 코드는 다음과 같습니다. <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> 페이지를 표시하려면 앨범을 생성하려면 클릭하세요 지정된 위치의 이미지를 교체하려면 이미지 교체를 클릭하세요 지정된 위치에 있는 그림의 노드를 삭제하려면 노드 삭제를 클릭하세요
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
