gpt4 book ai didi

javascript - 使外部 css 文件仅适用于某些 HTML

转载 作者:行者123 更新时间:2023-11-28 14:39:57 25 4
gpt4 key购买 nike

我正在开发一个网站更新程序。我的想法是让某些 HTML 元素成为 updatable 类的一部分。然后,我会将具有该类的每个元素更改为 textarea 元素。这样它就可以更新。

我将 updater.html 页面分为 2 个区域;左侧是一个选择元素,但右侧显示我正在更新的网页中的一些 HTML。 我希望右侧的所有 html 都受特定 css 样式表(我正在更新的网页的样式表)的影响。我该怎么做?

因为样式表是外部的,所以我不想打开样式表,将其读入内存(这在 javascript 中可行)然后将其插入到包含可更新 HTML 的 iframe 中。

<html>
<head>

</head>
<body>
<table>
<tr>
<td class="updaterSection">
<select>
<option> home </option>
...
</select>
</td>

<td class="updatableWebpage">
<!-- I want all the HTML in this div to be affected by the external css stlyle sheet -->
<iframe src="/css/specStyle.css">
<p> uneditable stuff </p>
<textarea> editable stuff </textarea>
</iframe>
</td>
</tr>
</table>
</body>
</html>

最佳答案

据我所知,这不是您使用 iframe 的方式,

<iframe> 的内部将被放在 src 中的页面替换。

您发布的代码只是要在您的网页上显示 css 页面。 (使用您的代码的一个简单示例:http://jsfiddle.net/W5ggT/)因此,要么将 iframe 中的所有 html 放入一个新的 html 页面,该页面在其标题中包含指向特殊样式表的链接。或者您使用一些 ajax 来刷新它,但我不确定是否完全理解您想要什么。

关于javascript - 使外部 css 文件仅适用于某些 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6134665/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com