Question

我有一个HTML页面

<html>
<head>
</head>

<frameset cols="*" rows="48,100%" border="0" frameborder="yes" bordercolor="black">
    <frame name="header" src="bar.jsp" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
    <frame name="body" src="body.jsp" scrolling="auto" marginheight="0" marginwidth="0" frameborder="0">
    <frame>
</frameset>
</HTML>

在框架内部我有页面body.jsp：

<table id="people" width="100%" border="0" cellspacing="8" cellpadding="0">
<tr class='list'>
<td></td>
</tr>
<tr class='list'>
<td></td>
</tr>
</table>

如何更改表格内所有行的字体大小？

Answer 1

看起来您的框架是相同的域，所以这很好。你可以做的是使用javascript在你的帧上插入一个CSS文件，然后定位你想要的任何东西。

类似于this问题的内容：

var cssLink = document.createElement("link");
cssLink.href = "style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['body'].document.head.appendChild(cssLink);

并在该css文件中添加如下内容：

#people tr{
   font-size:12pt;
}

使用javascript更改框架内的字体大小？

1 个答案: