Digg StumbleUpon LinkedIn YouTube Flickr Facebook Twitter RSS Reset
Comments Off

Javascript-DOM: Afficher les attributs d’une image dans table

Javascript-DOM: Afficher les attributs d'une image dans table
Download

<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>
----------------------------------------------------------------------------

A Voir sur le même Sujet:

  • affiche image dom
  • afficher une image dans un tableau java script
  • afficher image
Close
Réseaux Sociaux
Nous rejoindre sur les réseaux Sociaux