問題與兒童同時設置顯示到塊

Question

我想使div（id =編輯器）顯示塊內的所有div。但是當我改變div（id = editor）顯示時，只有該div的顯示被改變，div內的其他所有內容都不顯示。

這裏是我的編碼：

doctype html 
html 
head 
    title #{title} - My Site 
    link(rel='stylesheet', href='stylesheets/style.css') 
    script(src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js") 
    script. 
     function name(id, id2){ 
      document.getElementById(id).style.display = 'block'; 
      document.getElementById(id2).style.display = 'none'; 
      //document.getElementById(id3).style.display = 'none'; 
      } 
body(onload ='name("rename", "ineditortxt")') 
    div(id="rename", class="Name") 
    h1= "Enter File Name" 
    form(id = "filename", method ="post") 
     input(id="new_name", type ="text", placeholder="File Name") 
     input(id="Okay", type="submit", value="Okay") 

div(id="ineditortxt") 
    h1= "Welcome to Editor" 
    div(id="editor") 
     |Welcome to the home pages 
     |This is the first Paragraph 
    script(src="javascripts/ace.js", type="text/javascript") 
    script. 
      var editor=ace.edit("editor"); 
    script(src="/jvm.js", type="text/javascript") 
script. 
    document.getElementById('filename').addEventListener('submit',function(e){ 
     e.preventDefault(); 
     document.getElementById("ineditortxt").style.display = 'block'; 
     document.getElementById("editor").style.display='block'; 
     document.getElementById("rename").style.display = 'none'; 
    }); 

Answer 1

我不知道用什麼語言是在您的文章，但由於您的問題標記爲「jQuery的」，jQuery的做什麼你描述的是：

$("#editor, #editor div").css("display", "block"); 

沒有jQuery的，那就是：

var editor = document.getElementById("editor"); 
editor.style.display = "block"; 

var insideDivs = editor.getElementsByTagName("div"); 
for (var i = 0; i < insideDivs.length; i += 1) { 
    insideDivs.style.display = "block"; 
}