在google-chrome扩展程序中使用javascript聚焦文本框

时间:2011-04-20 15:21:21

标签: javascript google-chrome textbox setfocus

如何将文本框的重点放在google-chrome扩展程序中?我试过这个javascript:

<script type="text/javascript">
function setFocus()
{
     document.getElementById("Target").focus();
}
</script>

</head>

<body onload="setFocus()">

<div style="float:left">
<table cellpadding="3" cellspacing="0" id="mytable" style="float:left;">

<tbody><tr><td>Target:</td> <td><input type="text" name="Target" size="25" value="" /></td></tr>
</tbody></table>

我在多个代码论坛网站上发现了这个代码,所以我不确定javascript是否无法运行,或者Chrome是否阻止它运行。

3 个答案:

答案 0 :(得分:2)

您使用的是getElementById(),但在您的示例中Targetname属性,而不是ID

添加id="Target",如下所示:

<input type="text" id="Target" name="Target" size="25" value="" />

答案 1 :(得分:1)

您提供的代码不起作用的原因是您的输入没有ID“target”,它只有一个名称。添加正确的ID,它将起作用。

答案 2 :(得分:1)

当你没有ID时,你想通过ID获取元素。您必须将id="Target"添加到输入中。