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代码，我想将值设置为文本字段＆＃34; LoginUserId ＆＃34;。我试过了 document.getElementsByName("LoginUserId")[0].value = "MyValue"; 但它返回错误无法设置属性＆＃39;值＆＃39;未定义。我只能将元素提升到＆＃34; login_page ＆＃34;和＃34; login_page ＆＃34;的子元素数量返回 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";

如何从嵌套文档中获取元素？

4 个答案: