0

.styleJavaScript のすべての部分に、.style.width、およびを追加しようとしまし.style.width.valueたが、これまでのところ役に立ちませんでした。

基本的に、私は2つのことを望みます。

  1. 50px「Animate」ボタンをクリックして値のアラートを取得するには、anim8関数を実行します。つまり、 の が欲しいのwidthですdiv。

  2. コードの 2 番目のセット ( ) では、ボタンのクリックanim82で設定/変更できるようにしたいと考えています。ボタンがクリックされたときwidthに追加したいと思います。10pxまず、width何かを変更する前に、その変数にアクセスする必要があります。

HTML

 <div id="mainTxt">Dag!</div>
 <form NAME="myForm" ACTION="" METHOD="GET">
 <input type="button" name="button" value="Animate" onClick="anim8(this.form)">
 <input type="button" name="button" value="Animate2" onClick="anim82(this.form)">

CSS

#mainTxt{width:60px;}

Javascript

var divAlert;
var divSize;

function anim8(form)
{
    divAlert=document.getElementById("mainTxt");
    alert(divAlert);
}

function anim82(form)
{
    divSize=document.getElementById("mainTxt");
    divSize.style.width=parseInt(divSize.style.width)+10+'px';
}
4

2 に答える 2

0

最初のステップは、エラーが発生したかどうかを確認することです。エラーが発生した場合は、このコードを試してください

var div1 = document.getElementById("mainTxt");
var align = div1.getAttribute("width");

ソース

于 2013-04-05T21:18:21.860 に答える
0

これを試して

function anim82(form)
{
    divSize=document.getElementById("mainTxt");
    var width=divSize.offsetWidth + 100;
    divSize.setAttribute("style","width:"+ width +"px")    
}

JS フィドルの例

于 2013-04-05T20:47:18.047 に答える