0

我有这样的代码：

HTML：

<div id="myDiv" class="container">
  ....
</div>

CSS：

div.container {
    width: 300px;
    height: 400px;
    border: solid 1px black;
    overflow: hidden;
    background:  #efefef;
}

JS：

var myDiv = document.getElementById("myDiv");
var pageWidth = parseInt(myDiv.style.width);

我想读取 css 属性，我可以使用 js 更改值。
我试过用谷歌搜索，我的 js 代码来自谷歌的链接。
在我用 safari 的 web 检查器检查问题后，我给 js 代码签名。为什么这是错的？

4

5 回答 5

0

您可能想使用css：

$("#myDiv").css("width","yourWidthhere");

要获取元素的宽度，只需使用：

$("#yourElementId").width();
于 2013-04-03T13:28:59.453 回答
0 
var width = parseInt($('#myDiv').width(), 10);
于 2013-04-03T13:31:23.247 回答
0

试试这个

alert($('yourdiv').width());

现场演示在这里

于 2013-04-03T13:32:07.530 回答
0

你可以试试这个：

$("#myDiv").css("width","100%");
于 2013-04-03T13:38:08.693 回答
0

您无法使用此代码获取类属性。

var myDiv = document.getElementById("myDiv"); var pageWidth = parseInt(myDiv.style.width);

我将使用 jquery 方式，这是示例代码：

<html>
    <head>
        <style>
            div.container { width: 300px; height: 400px; border: solid 1px black; overflow: hidden; background:  #efefef;}
        </style>    
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    </head>
    <body><div id="myDiv" class="container"> hi...</div></body>
</html>

然后您应该能够使用 jquery 方法获取和设置宽度：

$("#myDiv").width(); //获取 $("#myDiv").width(500); //放

于 2013-04-03T14:02:26.533 回答