Question

我正在尝试使用另一帧内包含的控件更改一帧html中的元素。然而，我无法做到这一点。

我基本上有这个：

<a href = "#"  id = "c1" onclick = "document.getElementById('text').color =     'red'">red</a>

这意味着要改变这一点。

<p id = "text">dsdsdsdsd</p>

但我无法弄清楚如何以正确的方式做到这一点。

编辑：

主页面如下：

<frameset cols = "15%, *" frameborder="100" border="1" framespacing="1">
<frame src ="bookMenu.html" scrolling = "no"/>
<frameset rows = "*, 10%" frameborder="100" border="1" framespacing="1">
    <frame src ="book1_intro.html" scrolling= "yes" name = "main"/>
    <frame src ="book_controls.html" scrolling= "no" name = "control"/>
</frameset>

“呼叫”按钮位于带框的命名控件中，目标位于名为main

的框架中

Answer 1

首先需要获取对父项的引用，然后引用包含段落标记的框架，并使用contentDocument来获取该框架内的文档。

请参阅：

How to access parent Iframe from javascript

How can I access iframe elements with Javascript?

Answer 2

如果您确实拥有frame，请为name（s）中的frame元素设置frameset属性。然后，您可以从任意框架（或#text文档）中引用frameset，如下所示：

var text = top.window.main.document.getElementById('text');

请注意，如果这是本地网页，则在使用Chrome时无法引用(i)frame s。但是，有一种解决方法：将--allow-file-access-from-files添加到Chrome图标的目标路径，然后在打开框架集文件之前单击此修改后的图标打开Chrome。

使用javascript更改框架

2 个答案: