Question

我有这样的代码：

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的网络检查员检查问题后，有问题，我给js代码签名。为什么这是错的？

Answer 1

您可能想要使用css：

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

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

$("#yourElementId").width();

Answer 2

var width = parseInt($('#myDiv').width(), 10);

Answer 3

试试这个

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

现场演示here

Answer 4

你可以试试这个：

$("#myDiv").css("width","100%");

Answer 5

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

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”）宽（）; //得到 $（ “＃myDiv”）的宽度（500）。 //设置

如何使用js或jquery div.width css属性？

5 个答案: