<html><head> <script language="javascript"> function getImageAtt() { // Accéder à l'élément table var tbl = document.getElementById('table1'); tbl.border="5px"; tbl.cellPadding="5px"; var img = document.getElementById("img1"); img.vspace="10"; // Ajouter une nouvelle cellule pour chaque atribut var row1 = tbl.insertRow(-1); var row2 = tbl.insertRow(-1); // Créer 4 lignes dans la balise <table> var cell1 = row1.insertCell(0); var cell2 = row1.insertCell(1); var cell3 = row2.insertCell(0); var cell4 = row2.insertCell(1) // Accéder à l'attribut src de l'image var txtAttr1 = document.createTextNode("src"); var txtAttr1Val = document.createTextNode(img.src); // Accéder à l'attribut width de l'image var txtAttr2 = document.createTextNode("width"); var txtAttr2Val = document.createTextNode(img.width); // Ajouter les attributs dans les cellules de l'élément <table></table> cell1.appendChild(txtAttr1); cell2.appendChild(txtAttr1Val); cell3.appendChild(txtAttr2); cell4.appendChild(txtAttr2Val); } </script> </head> <body onload="getImageAtt()"> <img id="img1" src="imageTest.jpg" /> <table id="table1"> </table> </body> </html> |
Cet article Javascript-DOM: Afficher les attributs d’une image dans table est apparu en premier sur .