Changement de nom HTML de l'élément à l'aide de JavaScript

Sur la presse d'un div (que j'ai faite dans un bouton avec un autre code) je voudrais le code suivant:

<div id="w1" name='w1-0' onclick="weekclick(id)">1<br /></div>

...pour le nom à changer de name='w1-0' à name='w1-1'

Je suis en utilisant le code JavaScript suivant:

function weekclick(id) {    
    document.getElementById(id).input.name = "w1-1";
}

Quand j'alerte l'id du nom, il dit qu'il n'est pas défini. Que faire?

  • Div éléments n'ont pas de name attribut, et DivElementNode les objets n'ont pas une input de la propriété. Div éléments sont conçus pour être générique conteneurs, si vous voulez un bouton, puis utilisez un <button>.
  • 7.5.4 le Groupement d'éléments: les éléments DIV et SPAN>
  • Qu'est-ce que le name attribut utilisé pour? Quel est le but de la page?
InformationsquelleAutor user1228907 | 2012-02-25
  1. 15

    voir code ci-dessous:

    <div id="w1" name='w1-0' onclick="weekclick(id)">1<br /></div>
<div onclick="weekclick('w1');">click me</div>​

<script type="text/javascript">
function weekclick(id) {    
    document.getElementById(id).setAttribute("name","w1-1");
}​
</script>

    lien pour violon http://jsfiddle.net/TH9C2/

    (suppression de la ligne d'alerte à partir du violon, il est juste là pour vous montrer que ça marche)

    • "amusez-joint" Pourquoi pas "Voir code ci-dessous (avec un lien pour violon)."?
    • modifié la réponse satisfait de lui maintenant? 🙂
    InformationsquelleAutor Yaron U.
  2. 1

    tout d'abord changer votre appel dans le code html de cette
    l'utilisateur this.id et pas seulement id:

    <div id="w1" name='w1-0' onclick="weekclick(this.id)">1<br /></div>

    que faire de votre js comme ceci (supprimer .l'entrée et l'utilisation setAttribute):

    function weekclick(id) {    
    document.getElementById(id).setAttribute('name', 'w1-1');
}

    MODIFIER
    ou vous vous changez d'appel en html à ceci:

    weekclick(this)

    et votre fonction js être comme ceci:

    function weekclick(domElement) {    
    domElement.setAttribute('name', 'w1-1');
}
    InformationsquelleAutor silly