立即使用javascript设置HTML元素宽度属性

可以这样设置元素宽度吗：

<img id="backgroundImg" src="images/background.png" alt="" width="javascript:getScreenSize()['width']+px" height="1100px"/>

或者我必须在javascript函数中更改img的宽度吗

function changeImgWidth( img )
{
   img.offsetRight = getScreenWidth()['width'] + "px";
}

---

你不能用这种语法，不。你可以使用

document.write

来做，但我怀疑你最好在DOM加载后再做，因为我认为你的

getScreenSize

函数在加载之前可能不会报告正确的结果（但可能，你必须进行测试）

要使用

文档执行此操作，请编写
：

<script>
document.write('<img id="backgroundImg" src="images/background.png" alt="" width="' + getScreenSize()['width'] + '" height="1100px"/>');
</script>

…在样式表中。
您不能使用这种语法，不。您可以使用
文档。编写
来完成，但我怀疑您最好在DOM加载后执行，因为我认为您的
getScreenSize
函数在此之前可能不会报告正确的结果（但可能，您必须进行测试）

要使用
文档执行此操作，请编写
：

<script>
document.write('<img id="backgroundImg" src="images/background.png" alt="" width="' + getScreenSize()['width'] + '" height="1100px"/>');
</script>

…在样式表中。
您不需要img标记中的+px
您不需要img标记中的+px
即使可以这样做，最好不要这样做，这样您就可以将内容（HTML）和行为（javascript）分开。这也是为什么最好不要放

onclick='somefunction(); return false;'

例如，在链接内部。相反，如果您使用jQuery，例如，您可以

$('#somelink').click(function() {//do something});

内

$(document).ready(

街区。如果没有其他东西，您可以将所有javascript放在一个地方，而不是分散在标记中的任何地方。出于同样的原因，CSS样式表比内联样式好。
即使可以这样做，也最好不要这样做，因此可以将内容（HTML）和行为（javascript）分开。这也是为什么最好不要放

onclick='somefunction(); return false;'

例如，在链接内部。相反，如果您使用jQuery，例如，您可以

$('#somelink').click(function() {//do something});

内

$(document).ready(

街区。如果没有其他东西，您可以将所有javascript放在一个地方，而不是分散在标记中的任何地方。出于同样的原因，CSS样式表比内联样式好。
如果我想将宽度设置为（getScreenSize（）['width']-CONTENT\u width）/2，该怎么办。使用javascript对我来说要容易得多，上面的代码是我正在做的一个简单示例。另外，如果img也是嵌套的，该怎么办？如果我想将宽度设置为（getScreenSize（）['width']-CONTENT\u width）/2，该怎么办。使用javascript对我来说要容易得多，上面的代码是我正在做的一个简单示例。另外，如果img也是嵌套的，那么在您的情况下如何工作？