Question

我一直试图让这个工作，并认为这将相对容易，但我只是无法用javascript定位我的div。

我想要一个盒子列表，每个盒子都是可点击的，每个盒子都有一个隐藏的好友。当你点击一个时，它会隐藏并显示它的好友，它将有一个输入框。键入您需要的文本，然后按确定，它将更改回原始文本，显示您输入的文本。

头部包含以下内容：

<head>
<script language="javascript"> 
var state = 'none';

function showhide(layer_ref) {

if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 

} 
</script>

然后我的HTML包含：

<div id="div0">
 <a href="#" onclick="showhide('div1');" style="text-decoration:none;">
  <div style="width:200px; height:30px; background-color:grey;color:white">
   Input: <div id="showinput"></div>
  </div>
 </a>
</div>

<div id="div1" style="display:none;">
 <div style="width:200px; height:30px; background-color:grey;color:white">
  <input type="text id="addInput" /">
  <input type="submit" value="submit" name="submit" onclick="showhide('div1');" />
 </div>
</div>

我正在尝试添加以下内容，但它不会更新原始版本，而脚本只会使伙伴div显示在原始版本之下。我怎样才能同时隐藏原文？

var myobj = document.getElementById("addInput");
var mytext = myobj.value;
document.getElementById("showinput").innerHTML = mytext;

Answer 1

您错过type="text左右的结束语，因此未设置输入ID。尝试：

<input type="text" id="addInput" />

使用Javascript更改显示的div

1 个答案: