Javascriptを使用して要素の幅を変更するにはどうすればよいですか？

widthの値を#centerに変更するにはどうすればよいですか？（私はCSSファイルを切り替えるのは1からの値が変わったためではありません）どうやってJavascriptを使って値を動的に変更するのですか？Javascriptを使用して要素の幅を変更するにはどうすればよいですか？

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<style type="text/css"> 
    #main #center { 
     width: 600px; // change width to 700 on click 
     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. 
</style> 
</head> 

<body> 
    // change #center width to 700 
    <a href="#go2" onclick="how to change width of #center ???" ></a> 
</body> 
</html>

出典

2011-10-21 JarM

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

出典

2011-10-21 16:37:12 Blazemonger

2つの方法：

別のCSSルールに一致するクラス値
アルターに要素に要素

出典

2011-10-21 16:35:19 Pointy

コールの "スタイル" プロパティを "センター" を与えますDOM要素をとり、新しい幅を設定するonclickのjavascript関数OR要素のクラスを変更する

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

出典

2011-10-21 16:36:01 Garbit

<div onclick="changeWidth()" id="main"> 
Stuff 
</div> 

<div onclick="changeWidth()" id="center"> 
More Stuff 
</div> 

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

出典

2011-10-21 16:37:44 Gabe

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

出典

2011-10-21 16:38:31 ThinkingStiff

Javascriptを使用して要素の幅を変更するにはどうすればよいですか？

答えて

関連する問題