Javascript 使用文本输入调整div填充

我有4个文本输入

Left<input type="text" class="input_box" onKeyUp="show(1,this)"><br />
right<input type="text" class="input_box" onKeyUp="show(2,this)"><br />
top<input type="text" class="input_box" onKeyUp="show(3,this)"><br />
bottom<input type="text" class="input_box" onKeyUp="show(4,this)"><br />

左

对

顶部

底部

和3个包含大量单词的

。我必须在JavaScript中使用“

switch

”来调整div的

padding

，其中的类名是“extra”。我已经编写了一个函数

show（inde，obj）

，但它不起作用

请参见此处的精确程序：

---

谢谢

您的sysntax不正确

使用

---

document.getElementsByClassName（“额外”）[0]

您的sysntax不正确

使用

---

document.getElementsByClassName（“extra”）[0]

您编写了

getElementByClassName

而不是

getElementsByClassName

。并且，jsFiddle将代码包装在

window.onload=function（）{/*您的代码*/}

中。因此，您必须使用

window.show=function（）{}

来定义JSFIDLE中演示的处理程序

//更改此设置
var inn=document.getElementByClassName（“额外”）；
//到
var inn=document.getElementsByClassName（“额外”）[0]；

---

这是您编写的

getElementByClassName

而不是

getElementsByClassName

的。并且，jsFiddle将代码包装在

window.onload=function（）{/*您的代码*/}

中。因此，您必须使用

window.show=function（）{}

来定义JSFIDLE中演示的处理程序

//更改此设置
var inn=document.getElementByClassName（“额外”）；
//到
var inn=document.getElementsByClassName（“额外”）[0]；

以下是一些人跑得更快的原因：）

由于inn包含一组元素，因此需要遍历所有元素。 你错过了s

document.getElementsByClassName("extra")

我已经更新了。

有些人更快：）

由于inn包含一组元素，因此需要遍历所有元素。 你错过了s

document.getElementsByClassName("extra")

---

我已更新。

查看控制台日志中的错误（在大多数浏览器中，F12，然后转到控制台）。首先，需要在全局范围内定义

show

函数。在JSFIDLE中，您需要将第二个下拉列表从“onLoad”更改为“No wrap”head或body。@Curt这是未捕获的TypeError:Object#没有方法“getElementByClassName”@grc感谢我对我的FIDDLE进行了更新查看控制台日志中的错误（在大多数浏览器中，F12，然后转到控制台）作为开始，

show

功能需要在全局范围内定义。在JSFIDLE中，您需要将第二个下拉列表从“onLoad”更改为“No wrap”head或body。@Curt这是未捕获的类型错误：Object#没有方法“getElementByClassName”@grc感谢我对我的小提琴进行了更新