Question

我尝试将.style，.style.width和.style.width.value添加到JavaScript的所有部分，但到目前为止无济于事。

基本上，我想要两件事。

要通过“Animate”按钮单击50px来获取警报，该按钮会运行anim8功能。换句话说，我想要width的{{1}}。
在第二组代码（div）中，我希望能够通过单击按钮来设置/更改anim82。我想在点击按钮时添加width。首先，在我可以更改任何内容之前，我需要访问该变量10px。

HTML

width

CSS

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

的Javascript

#mainTxt{width:60px;}

Answer 1

试试这个

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

JS Fiddle Example

Answer 2

您的第一步应该是看是否有错误。如果您收到错误，请尝试使用此代码

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

Source

Document.getElementById问题（访问宽度属性）

2 个答案: