Question

我只想问一下，如何在iframe头中添加div标签。当我打开开发人员工具栏＆gt; Google Chrome中的元素，我无法在正文中看到mydiv标签。这是我的代码。

<html>
    <head>
        <title></title>
    </head>
    <body onload="callMe()">
        <div id="mydiv">
            <table>
                <tr>
                    <td>hi</td>
                    <td>hello</td>
                </tr>
            </table>
        </div>
        <div id="test">
            <iframe></iframe>
        </div>

        <script type="text/javscsript">
            (function callMe() { 
                var frame = $('iframe'),
                    contents = frame.contents(),
                    body = contents.find('body'),
                    styleTag = body.append('#mydiv');
            });
        </script>
    </body>
</html>

Answer 1

append()不接受字符串选择器，它需要DOM元素或jQuery对象。试试这个：

var frame = $('iframe'),
    contents = frame.contents(),
    body = contents.find('body'),
    styleTag = body.append($('#mydiv'));

Example fiddle

值得注意的是，append()会返回最初选择的元素，因此在您的代码中，body和styleTag变量都将包含相同的元素（body iframe）。

如何在iframe头中添加div标签

1 个答案: