的Javascript得到一個div

Question

HTML代碼的子節點：

<div id="section"> 
    <div id="title" onclick="hideBody()"></div> 
    <div id="body"></div> 
</div> 

我如何可以訪問使用this.的id="body"元素...？
實例：
this.parent.child[1];

Answer 1

您可以使用nextElementSibling。

實施例：

function hideBody(el) { 
    'use strict'; 
    var sibling = el.nextElementSibling; 
    console.log(sibling); 

    sibling.style.visibility = 'hidden'; 
} 

參見jsFiddle。

至於回答關於子節點的原始問題，有一個childNodes屬性。例如：

var children = document.getElementById('section').childNodes; 

相對於 「this」（在hideBody函數示出）：

function hideBody(el) { 
    'use strict'; 
    var children = el.parentNode.childNodes; 
    console.log(children); 

    children[1].style.visibility = 'hidden'; 
} 

Answer 2

我不知道用 '這個' 爲宜這裏，但你當然可以傳遞事件，抓住點擊目標的ID：

http://jsfiddle.net/isherwood/6k7fc/

<div id="title" onclick="hideBody(event)"></div> 

function hideBody(event) { 
    var myId = event.target.id; 
    var myEl = document.getElementById(myId); 
    ... do stuff with myEl ... 
}