изменить отображение div с помощью Javascript

Я пытался заставить это работать и думал, что это будет относительно легко, но я просто не могу настроить таргетинг на div с помощью javascript.изменить отображение div с помощью Javascript

Я хочу список ящиков, и каждый из них будет кликабельным, и каждый из них имеет приятеля, который скрыт. когда вы нажимаете 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 show ниже оригинала. Как я могу скрыть оригинал одновременно?

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

источник

2013-11-02 Andy Penn

Вы отмечаете свой вопрос как «jquery», так почему бы вам не использовать его? Я имею в виду $ ('# div1'). Hide(); работает очень хорошо. Поиск "jquery hide example" –

У вас не хватает закрывающей кавычки вокруг type="text поэтому входной идентификатор не установлен. Попробуйте:

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

источник

2013-11-02 15:42:27 toms

изменить отображение div с помощью Javascript

ответ

Смежные вопросы