js怎样获取父类div的id

Question

有一个div，动态用js给div添加了一张表，现在点击table中的某一个td时，想要把这个div的id读出来~
请问有什么方法可以实现的？<div id="faceContainer" style='position: absolute;height: 150px;width: 300px;left: 27px;top: 100px;display:none;border: 1px solid #999999;'></div>
function loadFace()
{
face = document.getElementById("faceContainer");
var strTable = "<table border= \"1\" cellpadding=\"0\" cellspacing=\"0\">";
var i,j,count;
count = 0;
for(i=0;i<7;i++)
{
strTable += "<tr>";
for(j=0;j<14;j++)
{
if(count <=95)
{

 strTable += "<td><img src='Face/" + count + ".gif' onclick=\"insertFace('"+count+"')\" alt=\"表情"+count+"\"/></td>";
}
else
{
strTable += "<td>&nbsp;</td>";
}
count++;
}
strTable += "</tr>";
}
strTable += "</table>";
face.innerHTML = strTable;
}在线等高手指点`

Answer 1

<div id="faceContainer" style='position: absolute;height: 150px;width: 300px;left: 27px;top: 100px;display:none;border: 1px solid #999999;'></div>
function loadFace()
{
    face = document.getElementById("faceContainer");
    var tbID="myTable";
    var strTable = "<table id=\""+myTable+"\" border= \"1\" cellpadding=\"0\" cellspacing=\"0\">";
    var i,j,count;
    count = 0;
    for(i=0;i<7;i++)
    {
        strTable += "<tr>";
        for(j=0;j<14;j++)
        {
            if(count <=95)
            {
            
             strTable += "<td><img src='Face/" + count + ".gif' onclick=\"insertFace('"+count+"','"+tbID+"')\" alt=\"表情"+count+"\"/></td>";            }
            else
            {
                strTable += "<td>&nbsp;</td>";
            }
            count++;
        }
        strTable += "</tr>";
    }
    strTable += "</table>";
    face.innerHTML = strTable;
}

Answer 2

<div id="faceContainer" style='position: absolute;height: 150px;width: 300px;left: 27px;top: 100px;display:none;border: 1px solid #999999;'></div>
function loadFace()
{
    face = document.getElementById("faceContainer");
    var tbID="myTable";
    var strTable = "<table id=\""+myTable+"\" border= \"1\" cellpadding=\"0\" cellspacing=\"0\">";
    var i,j,count;
    count = 0;
    for(i=0;i<7;i++)
    {
        strTable += "<tr>";
        for(j=0;j<14;j++)
        {
            if(count <=95)
            {
            
             strTable += "<td><img src='Face/" + count + ".gif' onclick=\"insertFace('"+count+"','"+tbID+"')\" alt=\"表情"+count+"\"/></td>";            }
            else
            {
                strTable += "<td>&nbsp;</td>";
            }
            count++;
        }
        strTable += "</tr>";
    }
    strTable += "</table>";
    face.innerHTML = strTable;
}

Answer 3

我要找的是外层的这个div的id啊~

Answer 4

<div id="faceContainer" style='position: absolute;height: 150px;width: 300px;left: 27px;top: 100px;display:block;border: 1px solid #999999;'></div><script>
window.onload=function(){loadFace();};
function loadFace()
{
    var face = document.getElementById("faceContainer");
    var strTable = "<table border= '1' cellpadding='0' cellspacing='0'>";
    var i,j,count;
    count = 0;
    for(i=0;i<7;i++)
    {
        strTable += "<tr>";
        for(j=0;j<14;j++)
        {
            if(count <=95)
            {
            
             strTable += "<td><img src='Face/" + count + ".gif' onclick='insertFace("+face.id+")' alt='表情"+count+"'/></td>";
            }
            else
            {
                strTable += "<td>&nbsp;</td>";
            }
            count++;
        }
        strTable += "</tr>";
    }
    strTable += "</table>";
    face.innerHTML = strTable;
}
function insertFace(face){
    alert(face.id);
}
</script>

Answer 5

5楼的这个方法可以实现~~
只是alert(face.id)这个改成
alert(face)就可以找到``

Answer 6

<div id="faceContainer" style='position: absolute;height: 150px;width: 300px;left: 27px;top: 100px;display:block;border: 1px solid #999999;'></div><script>
window.onload=function(){loadFace();};
function loadFace()
{
    var face = document.getElementById("faceContainer");
    var strTable = "<table border= '1' cellpadding='0' cellspacing='0'>";
    var i,j,count;
    count = 0;
    for(i=0;i<7;i++)
    {
        strTable += "<tr>";
        for(j=0;j<14;j++)
        {
            if(count <=95)
            {
            
             strTable += "<td><img src='Face/" + count + ".gif' onclick='getFace(this)' alt='表情"+count+"'/></td>";
            }
            else
            {
                strTable += "<td>&nbsp;</td>";
            }
            count++;
        }
        strTable += "</tr>";
    }
    strTable += "</table>";
    face.innerHTML = strTable;
}
function insertFace(face){
    alert(face.parentNode.parentNode.parentNode.id);
}
</script>

Answer 7

上面那个错了
<div id="faceContainer" style='position: absolute;height: 150px;width: 300px;left: 27px;top: 100px;display:block;border: 1px solid #999999;'></div><script>
window.onload=function(){loadFace();};
function loadFace()
{
  var face = document.getElementById("faceContainer");
  var strTable = "<table border= '1' cellpadding='0' cellspacing='0'>";
  var i,j,count;
  count = 0;
  for(i=0;i<7;i++)
  {
  strTable += "<tr>";
  for(j=0;j<14;j++)
  {
  if(count <=95)
  {
   
  strTable += "<td><img src='Face/" + count + ".gif' onclick='getFace(this)' alt='表情"+count+"'/></td>";
  }
  else
  {
  strTable += "<td>&nbsp;</td>";
  }
  count++;
  }
  strTable += "</tr>";
  }
  strTable += "</table>";
  face.innerHTML = strTable;
}
function getFace(face){
  alert(face.parentNode.parentNode.parentNode.id);
}
</script>

Answer 8

在jquery中非常的简单，一般是$("#id").parent().attr("id"); 就可以了