如何从嵌套中获取元素 <html> 文献？

Question

<html><head>
<title>Welcome</title>
<style type="text/css"></style></head>
    <frameset border="false" frameborder="O" framespacing="0" rows="0,*" cols="*">
        <frame marginwidth="0" marginheight="0" name="frame_rsafp" src="rsa_flash_cookie.html" noresize="true" scrolling="no">
        <frameset border="false" frameborder="O" framespacing="0" rows="*,30" cols="*">
            <frame marginwidth="0" marginheight="0" name="login_page" noresize="true" scrolling="yes">
                           #document
                             <html>
                               <form name="frmLogin" action="entry" class="login" method="post" target="_top" autocomplete="off">
                                   <span class="passfield">
                                       <input type="text" name="LoginUserId" onkeypress="return fSubmit(event);" value="" class="ipassword">
                                   </span>
                               </form>
                             </html>                             
            <frame marginwidth="0" marginheight="0" name="footer" src="footer.html" noresize="true" scrolling="no">
        </frameset>
    </frameset>

</html>

对于上述html代码，我想将值设置为文本字段“ LoginUserId ”。 我尝试了document.getElementsByName("LoginUserId")[0].value = "MyValue"; 但它返回错误无法设置undefined的属性“值” 。 我只能获取直到“ login_page ”的元素，“ login_page ”的子元素的计数返回0 。

var ele = document.getElementsByName("login_page")[0].childNodes;
alert(ele.length);

如何获取此嵌套html文档的元素？

Answer 1

尝试这个

var iframe = document.getElementsByName("login_page")[0];
var ele    = iframe.contentDocument || iframe.contentWindow.document;

Answer 2

尝试这个

var loginBox = document.getElementById('login_page');
var values   = loginBox.getElementsByName("LoginUserId")[0].value;

Answer 3

您需要先获取iframe：

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

然后您可以处理该文档

Answer 4

如果只想更改LoginUserId输入的值，则可以执行以下操作：

var inputField = document.querySelector("input[name=LoginUserId]");
inputField.value="test";

如何从嵌套中获取元素 <html> 文献？

问题描述

4 个解决方案

解决方案1
1 已采纳 2015-04-07 06:49:37

解决方案2
1 2015-04-07 06:51:46

解决方案3
0 2015-04-07 06:50:04

解决方案4
0 2015-04-07 06:50:58

如何从嵌套中获取元素 <html> 文献？

问题描述

4 个解决方案

解决方案1 1 已采纳 2015-04-07 06:49:37

解决方案2 1 2015-04-07 06:51:46

解决方案3 0 2015-04-07 06:50:04

解决方案4 0 2015-04-07 06:50:58

解决方案1
1 已采纳 2015-04-07 06:49:37

解决方案2
1 2015-04-07 06:51:46

解决方案3
0 2015-04-07 06:50:04

解决方案4
0 2015-04-07 06:50:58