将属性添加到框架中的元素答案

【问题标题】：Add attribute to element in a frame将属性添加到框架中的元素
【发布时间】：2015-07-30 20:21:57
【问题描述】：

我的问题是：如何选择元素并在框架中添加属性（我要添加属性的元素是 h2#title ）。该元素将在主文件中被选中。

主文件 - 这里

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <link rel="stylesheet" href="css/style.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
    <frameset cols="100%" frameborder="0" class="test">
        <frameset rows="72, *">
            <frame src="head.html" noresize="noresize" scrolling="no" name="headFrame" id="headFrame">
            <frame src="include.html" noresize="noresize" name="includeFrame" id="includeFrame">
        </frameset>
    </frameset>
</html>

head.html - 此文件包含在主文件中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Header</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h1>LOGO</h1>
</body>
</html>

include.html - 此文件包含在主文件中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Header</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h2 id="title">Wellcome</h2>
    <img src="images/1.jpg">
</body>
</html>

【问题讨论】：

$("#includeFrame").contents().find("#title")
Frameset and frame are deprecated since HTML5。我建议改用iframe，或者如果它适合您的用例，最好使用模板引擎。
当然希望这不是一个使用框架的新项目！ ......现在是 2015 年！
不工作詹姆斯，我不知道为什么:(
Documentation for accessing frames using vanilla JS

标签： javascript jquery frame

【解决方案1】：

像这样：

$("h2").attr("id", "title");

【讨论】：

【解决方案2】：

在 include.html 文件中添加脚本：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Header</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h2 id="title">Wellcome</h2>
    <img src="images/1.jpg">
</body>
<script>
    $("#title").attr("style", "color:red;");
</script>
</html>

框架加载html文件时，浏览器执行脚本。

【讨论】：