js 点击按钮 弹出框 修改内容

点击修改按钮弹出一个编辑框
按钮是这样写的<button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#edit">修改</button>

就像这样 怎么能获取到点击那行的内容的id 然后传到修改的页面呢????
<button id="click">改变内容</button>
<div id="t">尺返扮要改变的内容</div>
<script type="text/javascript">
document.getElementById("click").onclick=function(){
var text=document.getElementById("t");
var val=text.innerHTML;
text.innerHTML="陵灶<input type='text' id='n' value="+val+" />世判";
document.getElementById("n").addEventListener("blur",function(e){
text.innerHTML=document.getElementById("n").value;
});
};
</script>
就是说要传到父页面是吧?要看你是用的其他页面还是说就用的当前页中的某些元素,如果是用的其他位置的页面,那么在父页面定义携码一个函数 例如:function ShowName(_name)
{
alert(_name);

};
弹出的那个页面中写确认按钮点击事件 $("#btn").click(function(){
var txtName = $("#txtName").val(); }
parent.ShowName(txtName);//这样就调用了父窗体中的ShowName函数,把Name做为参数枝雀传入到了那个函数中。
);
-_-|||,所以我不喜欢bootstrap,很多东西猛隐早都不完善