Javascript + iframe：如何从iframe设置父元素HTMLTableElement？

Question

我正在使用此代码来获取父对象-

alert(parent.document.getElementById('test:input'))

通过这样做我得到这个

[object HTMLTableElement] 

但是每当我尝试访问它时，它的值就是undefined 。

parent.document.getElementById('test:input').value

并设置该值也不起作用。

Answer 1

这是因为table元素没有value 。 它们具有子元素（可通过children [现代浏览器]或childNodes属性访问[ childNodes也将包括非Element子元素，例如文本节点），但是没有value 。 value用于input和select元素。

您可以使用DOM访问和更新表的内容。 例如，如果表存在并且具有tbody ，它将在其中第一个tbody的末尾添加一行：

var table = parent.document.getElementById('test:input'),
    tbody = table && table.querySelector("tbody");
if (tbody) {
    tbody.insertAdjacentHTML("beforeend",
        "<tr><td>Hi there</td></tr>"
    );
}

如果要完全替换其内容，可以将其分配给innerHTML ：

parent.document.getElementById('test:input').innerHTML =
   "<tbody><tr><td>Hi there</td></tr></tbody>";