Question

我有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 <div>包含很多单词。我必须使用＆＃34; switch＆＃34;在JavaScript中调整div的padding，类名是＆＃34; extra＆＃34;。我已经编写了一个函数show(inde,obj)，但它不起作用。

在此处查看确切的计划：FIDDLE

谢谢！

Answer 1

您的语法不正确

使用 document.getElementsByClassName("extra")[0]

Answer 2

你写了getElementByClassName而不是getElementsByClassName。并且，jsFiddle将代码包装在window.onload = function () { /* you code */}中。因此，您必须使用window.show = function () {}在jsFiddle中为演示定义处理程序。

// change this
var inn = document.getElementByClassName("extra");
// to 
var inn = document.getElementsByClassName("extra")[0];

这是 updated demo

Answer 3

有些人更快：）

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

document.getElementsByClassName("extra")

我已更新your fiddle。

使用文本输入调整div填充

3 个答案: