我一直在努力让它工作,并认为它会相对容易,但我无法使用 javascript 来定位我的 div。
我想要一个框列表,每个框都是可点击的,每个框都有一个隐藏的好友。当您单击 a 时,它会隐藏并显示其好友,该好友将具有一个输入框。输入您需要的文本,然后按确定,它会变回原来的显示您输入的文本。
头部包含以下内容:
<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;