1

var contentObj = getElementById("content");
var widthOfContent = screen.availWidth * 0.6;
var cssContObjStr = "width:" + (screen.availWidth * 0.6) + ";";
contentObj.style = cssContObjStr;
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Testing</title>
  </head>

  <body>
    <div id="content"></div>
    jdhkfahsd jksahd fklhasdk fhaskdhf kalsdhf klashdfk hasdkf haskd hfasdkjfhkjasdh fkjasdkfh asjdkhf khdskf jhaskdjh fkjasdhf kjsahd fkasbdkfbsadvn iweb fnilewalnfiwa ebnkjsdbv jdbalisd df sads da s fsd afds fasdf sadf asdf adsf asdf sdf
    <script type="text/javascript" src="javas.js"></script>
  </body>
</html>

我已将 javascript 文件保存javas.js在我的电脑上。但是,我试图将宽度设置为屏幕宽度的 60%(以像素为单位)。这是行不通的。

我该如何管理?请不要说“设置为width:60%”。

4

2 回答 2

6

您有几个语法错误,以下是错误列表:

  • 你需要打电话document.getElementById()
  • +\不需要,这是格式不正确的文字......但无论如何这里不需要
  • width是一个属性style,就像我在下面设置的一样,确保"px"最后包含。

总的来说,它应该是:

var contentObj = document.getElementById("content");
var widthOfContent = screen.availWidth * 0.6;
contentObj.style.width = widthOfContent + "px";
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Testing</title>
  </head>

  <body>
    <div id="content"></div>
    jdhkfahsd jksahd fklhasdk fhaskdhf kalsdhf klashdfk hasdkf haskd hfasdkjfhkjasdh fkjasdkfh asjdkhf khdskf jhaskdjh fkjasdhf kjsahd fkasbdkfbsadvn iweb fnilewalnfiwa ebnkjsdbv jdbalisd df sads da s fsd afds fasdf sadf asdf adsf asdf sdf
    <script type="text/javascript" src="javas.js"></script>
  </body>
</html>

于 2010-12-27T11:38:02.130 回答
0

你能试试这个吗?

var contentObj = document.getElementById("content");
var widthOfContent = screen.availWidth * 0.6;
var cssContObjStr = "width:" + (screen.availWidth * 0.6) + "%;";
contentObj.style.cssText = cssContObjStr;

谢谢

于 2010-12-27T11:42:33.277 回答