1

我只是想问一下,如何在 iframe 头中添加 div 标签。当我在谷歌浏览器中打开开发人员工具栏 > 元素时,我在正文中看不到 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>
4

1 回答 1

1

append()不需要字符串选择器,它需要一个 DOM 元素或 jQuery 对象。尝试这个:

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

示例小提琴

值得注意的一件事是append()返回最初选择的元素,因此在您的代码中bodystyleTag变量都将包含相同的元素(bodyiframe)。

于 2013-10-28T13:37:16.837 回答