Ändern der HTML-name-element mit JavaScript

Auf der Pressekonferenz einen div (die ich machte, in eine Schaltfläche mit anderem code) ich möchte den folgenden code:

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

...für die Namen zu ändern, aus name='w1-0' zu name='w1-1'

Ich bin mit dem folgenden JavaScript:

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

Wenn ich die alert-id die id ist der name, er sagt, es ist undefiniert. Was tun?

Div-Elemente haben kein name Attribut, und DivElementNode Objekte haben kein input Eigenschaft. Div-Elemente sind entworfen, um die generische Container, wenn Sie möchten, eine Taste, dann verwenden Sie eine <button>.
7.5.4 Gruppierung von Elementen: das DIV-und SPAN-Elemente
Was ist die name - Attribut verwendet? Was ist Ihr Zweck auf der Seite?

InformationsquelleAutor user1228907 | 2012-02-25

  1. 11

    siehe code unten:

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

    link zum fiddle - http://jsfiddle.net/TH9C2/

    (entfernen Sie die alert-Zeile aus der Geige - es ist einfach da, um Ihnen zu zeigen, dass es funktioniert)

    "fiddle-attached" Warum nicht "Siehe code unten (mit link zum fiddle)."?
    verändert der Antwort jetzt zufrieden? 🙂

    InformationsquelleAutor Yaron U.

  2. 1

    zunächst ändern Sie Ihren Aufruf in den html-Code dieser
    Benutzer this.id - und nicht nur-id:

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

    als Ihre js, wie dies ("entfernen".Eingang und Verwendung setAttribute):

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

    BEARBEITEN
    oder Sie ändern Sie Ihren Aufruf in html:

    weekclick(this)

    und deine js-Funktion so sein:

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

    InformationsquelleAutor silly

Schreibe einen Kommentar