返回信息流<html>
<head>
<script type="text/javascript">
var img=document.getElementById('img');
alert(img.style.width);
var first=document.getElementById('fname');
first.onfocus=function(){
document.getElementById(x).style.background="yellow"
}
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
<style>
#img{
width:200px;
}
</style>
</head>
<body>
<img src="fwfew.gif" id="img"/><br/>
First name:
<input type="text" id="fname"
/>
<br />
Last name: <input type="text"
onfocus="setStyle(this.id)" id="lname" />
</body>
</html>
我的问题是1.为啥打印不了图片的宽度？
2.为啥第一个输入框无法实现点击背景变黄，第二个输入框可以实现？第二个可以我能理解，但是我看网上有的代码类似于第一个，我怎么就实现不了
刚学一天，很水，请指教
这是一条镜像帖。来源：北邮人论坛 / www-technology / #25973同步于 2014/6/5
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
js新手求助傻瓜问题
chaojilei
2014/6/5镜像同步10 回复
订阅后，新回复会通过你的通知中心匿名送达。
9 条回复
js 写在body前面了
执行js的时候，document没有加载完，getElementById根本就拿不到东西
第二个input，是因为你给他设了onclick，点击的时候会再调用一次js
【 在 chaojilei (chaojilei) 的大作中提到: 】
: <html>
: <head>
: <script type="text/javascript">
: ...................
【 在 dss886 的大作中提到: 】
: js 写在body前面了
: 执行js的时候，document没有加载完，getElementById根本就拿不到东西
: 第二个input，是因为你给他设了onclick，点击的时候会再调用一次js
: ...................
我把js放在body后边了，但是打印出来不是200px,是个空值
而且第二个问题还是没解决
【 在 dss886 的大作中提到: 】
: js 写在body前面了
: 执行js的时候，document没有加载完，getElementById根本就拿不到东西
: 第二个input，是因为你给他设了onclick，点击的时候会再调用一次js
: ...................
第二个问题，我解决了，
first.onfocus=function(){
first.style.background="yellow"
}
就可以
但是我不清楚为啥打印不出来200px
你写的很清楚的啊，你要alert的是img的样式表的width，这段代码没有定义css样式，因此img.style处于默认状态下，默认状态下浏览器使用图片的默认宽度，img.style.width为空。
两种解决方式：
（1）img标签里面加上style='width:200px'
（2）alert(img.width)
【 在 liuqiji 的大作中提到: 】
: 你写的很清楚的啊，你要alert的是img的样式表的width，这段代码没有定义css样式，因此img.style处于默认状态下，默认状态下浏览器使用图片的默认宽度，img.style.width为空。
: 两种解决方式：
: （1）img标签里面加上style='width:200px'
: ...................
问题1：
我在head里边定义了：
<style>
#img{
width:100px;
}
</style>
为啥img.style.width为空？这个不算设定css样式吗？
问题2：
alert(img.width)和alert(img.style.width)有啥区别，我打印前边那个也不行
那你这不是这段代码的问题。。
【 在 chaojilei 的大作中提到: 】
:
: 问题1：
: 我在head里边定义了：
: ...................
来自「北邮人论坛手机版」
style只会访问行间样式，就是访问<input style="...">这样的样式，要访问<style>里边的样式需要使用别的函数，currentStyle这个，还涉及到兼容性问题，FF和chrome用的是另外一个。
【 在 chaojilei 的大作中提到: 】
:
: 问题1：
: 我在head里边定义了：
: ...................
第二个问题就比较直观了，第一个访问的是<img width>这样的样式，第二个访问的是<img style="width">这样的样式
【 在 chaojilei 的大作中提到: 】
:
: 问题1：
: 我在head里边定义了：
: ...................