Javascript 如何将样式表元素的值赋给变量？_Javascript_Php_Html_Css_Stylesheet

Javascript 如何将样式表元素的值赋给变量？

javascript php html css

Javascript 如何将样式表元素的值赋给变量？,javascript,php,html,css,stylesheet,Javascript,Php,Html,Css,Stylesheet,我曾经在单击链接时调整过DIV的大小，但是我真的需要将值赋给一个变量，之后我可以更改值。。。最终具有[+]和[-]按钮，允许用户一次增加和减少1个像素的大小目前，我只是想让“framewidth”获取样式表宽度的值，然后在屏幕上打印该值。。。一旦我知道我有这个价值，我就可以利用它我已经读了几十篇文章，花了超过10个小时在这上面，这是我到目前为止的全部（我讨厌成为一个傻瓜哈哈） “resize.php” .style.width将为您提供元素的宽度，它没有.value属性应该是 var f

我曾经在单击链接时调整过DIV的大小，但是我真的需要将值赋给一个变量，之后我可以更改值。。。最终具有[+]和[-]按钮，允许用户一次增加和减少1个像素的大小

目前，我只是想让“framewidth”获取样式表宽度的值，然后在屏幕上打印该值。。。一旦我知道我有这个价值，我就可以利用它

我已经读了几十篇文章，花了超过10个小时在这上面，这是我到目前为止的全部

（我讨厌成为一个傻瓜哈哈）

“resize.php”

.style.width

将为您提供元素的宽度，它没有

.value

属性

应该是

var framewidth = document.getElementById('frame').style.width;

演示：

你可能还想看看

演示：

.style.width

将为您提供元素的宽度，它没有

.value

属性

应该是

var framewidth = document.getElementById('frame').style.width;

演示：

你可能还想看看

演示：

.style.width

将为您提供元素的宽度，它没有

.value

属性

应该是

var framewidth = document.getElementById('frame').style.width;

演示：

你可能还想看看

演示：

.style.width

将为您提供元素的宽度，它没有

.value

属性

应该是

var framewidth = document.getElementById('frame').style.width;

演示：

你可能还想看看

演示：

最终工作原油版本

“resize.php”

谢谢你，阿伦·p·约翰尼

最终工作原油版本

“resize.php”

谢谢你，阿伦·p·约翰尼

最终工作原油版本

“resize.php”

谢谢你，阿伦·p·约翰尼

最终工作原油版本

“resize.php”

谢谢你，阿伦·p·约翰尼

天哪，这是我第一次尝试。。。我一定是在别的地方犯了一个不同的错误-谢谢：）天哪，这是我第一次尝试的。。。我一定是在别的地方犯了一个不同的错误-谢谢：）天哪，这是我第一次尝试的。。。我一定是在别的地方犯了一个不同的错误-谢谢：）天哪，这是我第一次尝试的。。。我一定是在别的地方犯了一个不同的错误——谢谢你：）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <link rel="stylesheet" href="resize.css" type="text/css"/>
 <title>Resize</title>
</head>

<body>

<script type="text/javascript">

function widthD()
 {
  var el = document.getElementById('frame'), style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle || {};
  var frameWpx = style.width;
  var frameW=parseInt(frameWpx);
  frameW=frameW-1;
  frameWpx=frameW+"px";
  document.getElementById('frame').style.width = frameWpx;
 }

function widthU()
 {
  var el = document.getElementById('frame'), style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle || {};
  var frameWpx = style.width;
  var frameW=parseInt(frameWpx);
  frameW=frameW+1;
  frameWpx=frameW+"px";
  document.getElementById('frame').style.width = frameWpx;
 }

function heightD()
 {
  var el = document.getElementById('frame'), style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle || {};
  var frameHpx = style.height;
  var frameH=parseInt(frameHpx);
  frameH=frameH-1;
  frameHpx=frameH+"px";
  document.getElementById('frame').style.height = frameHpx;
 }

function heightU()
 {
  var el = document.getElementById('frame'), style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle || {};
  var frameHpx = style.height;
  var frameH=parseInt(frameHpx);
  frameH=frameH+1;
  frameHpx=frameH+"px";
  document.getElementById('frame').style.height = frameHpx;
 }

</script>

<div class="resize" ID="frame"> 
 <table>
 <tr>
  <td></td>
  <td><a href="#" onclick="heightD()">D</a></td>
  <td></td>
 </tr>
 <tr>
  <td><a href="#" onclick="widthD()">D</a></td>
  <td id="info"></td>
  <td><a href="#" onclick="widthU()">U</a></td>
 </tr>
 <tr>
  <td></td>
  <td><a href="#" onclick="heightU()">U</a></td>
  <td></td>
 </tr>
</table> 

</div>

</body>
</html>

div.resize
{
 position:absolute;
 width:100px;
 height:100px;
 background-color:#ffc080;
 border:2px solid orange;
}