2017-10-06 2 views
0

Mon anglais est faible, donc je donne un exemple.
Je veux quelque chose comme çaHTML comment obtenir des arguments tag

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>MySite</title> 
    </head> 
    <body> 
    <div id="mydiv" testarg="teststring"></div> 
<script> 
var element = document.getElementById("mydiv"); 
var argstring = getArgument(element,"testarg"); 
</script> 
    </body> 
    </html> 

Répondre

0

Votre script doit être

var element = document.getElementById("mydiv"); 
var argstring = element.getAttribute("testarg"); 

Vous pouvez également utiliser data attributes qui est conçu avec à l'esprit pour l'extensibilité des données qui doivent être associées à un élément particulier, mais ne doit pas avoir un sens défini. data-* attributs nous permettent de stocker des informations supplémentaires sur la norme, les éléments HTML sémantiques sans d'autres hacks comme les attributs non standard, des propriétés supplémentaires sur les DOM

Ainsi, votre code sera comme,

<div id="mydiv" data-testarg="teststring"></div> 
<script> 
    var element = document.getElementById("mydiv"); 
    var argstring = article.dataset.testarg; 
</script> 
0

var element = document.getElementById("mydiv"); 
 
var argstring = element.getAttribute('testarg'); 
 
console.log(argstring);
<div id="mydiv" testarg="teststring"></div>

1

Vous pouvez utiliser getAttribute pour obtenir la valeur d'un attribut, et setAttribute pour le définir (changer):

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>MySite</title> 
 
</head> 
 
<body> 
 
    <div id="mydiv" testarg="teststring"></div> 
 
    <script> 
 
    var element = document.getElementById("mydiv"); 
 
    var argstring = element.getAttribute('testarg'); 
 
    console.log(argstring); 
 
    
 
    element.setAttribute('testarg', 'changed'); 
 
    
 
    console.log(element.getAttribute('testarg')); 
 
    </script> 
 
</body> 
 
</html>