为框架中的元素添加属性
Add attribute to element in a frame
我的问题是:我如何在框架中选择元素并添加属性(我想添加属性的元素是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>
像这样:
$("h2").attr("id", "title");
在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文件时,浏览器执行脚本
相关文章:
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 如何向JSON数组动态添加属性
- 如何在 JavaScript 中以递增顺序在对象中添加属性
- 挖空.js - 向服务器端发送的数据添加属性
- 借助for循环和数组在对象中添加属性
- 新手查询动态添加属性
- 为什么可以'我们在函数体中为函数对象添加属性,就像在javascript中为对象文字添加属性一样
- 使用javascript为网页中的所有图像添加属性
- Javascript - 如何向对象构造函数添加属性
- 向插件添加属性(不是默认方式)
- 如何使用 Ext.js 向内存中的标记添加属性
- Gmaps4rails:如何向 json 添加属性
- 在运行时向 Javascript 对象添加属性
- 从Input Javascript在脚本中添加属性
- JQuery:如何检查复选框是否被选中并向字段添加属性
- 向构造函数或原型添加属性之间的区别
- 向对象动态添加属性
- 无法向按钮添加属性
- 定义一个函数,然后为其添加属性
- 如何通过javarscript或jquery在数组中添加属性复选框(checked=true)