Wie ändere ich die Breite eines Elements mit Javascript?

Question

Wie kann ich den width-Wert in #center ändern? (Ich möchte nicht zwischen CSS-Dateien wechseln, nur weil sich ein width-Wert geändert hat.) Wie ändere ich den Wert dynamisch mit Javascript?

    #main #center {
        width: 600px; // Breite bei Klick auf 700 ändern
        float: left;
    }

    #main #center .send {
        background: #fff;
        padding: 10px;
        position: relative;
    }

    #main #center .send .music {
        text-align: center;
        margin-bottom: 10px;
    }

    #main #center .send .write {
        font-family: georgia, serif;
        font-size: 150px;
        opacity: 0.2;
    }

    //....etc.

    // Ändere die Breite von #center auf 700

Answer 1

document.getElementById('center').style.width = "599px";

Answer 2

Zwei mögliche Möglichkeiten:

1. Geben Sie dem Element "center" einen Klassenwert, der einer anderen CSS-Regel entspricht
2. Ändern Sie die "style" Eigenschaft des Elements

Answer 3

document.getElementById( 'center' ).style.width = "700px";

Answer 4

Rufen Sie eine JavaScript-Funktion im onclick auf, die das DOM-Element entgegennimmt und die neue Breite festlegt ODER die Klasse des Elements ändert

function changeWidth(){
  document.getElementById('center');
  div.style.width="1270px";
}

Answer 5

Stuff

More Stuff

function changeWidth(){
   this.style.width = "700px";
}