Почему этот код JavaScript не работает? - PullRequest
Новая
       31

Почему этот код JavaScript не работает?

1 голос
/ 27 декабря 2010 

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%".

Ответы [ 2 ]

6 голосов
/ 27 декабря 2010

У вас есть несколько синтаксических ошибок, вот список того, что не так:

  • Вам нужно позвонить 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>
0 голосов
/ 27 декабря 2010

Можете ли вы попробовать это? 

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

Спасибо

...