为什么不能通过JS在本网站访问元素？

Question

我在说的网站：https://sephir.ch/vfi/user/lernendenportal/index.cfm

我想做一个简单的书签，它填写我的电子邮件和密码到这两个文本框。我的JS代码适用于任何其他网站，但不适用于此网站。

HTML：

<input type="text" name="email" size="40" maxlength="60" class="tdschwarz" autocomplete="off"> 

JS：

javascript:function fill() {alert(document.getElementsByName("email")[0].value);} fill(); 

错误：

Uncaught TypeError: Cannot read property 'value' of undefined 

难道你们有什么想法，为什么它不工作？提前致谢。

Answer 1

由于电子邮件字段位于一个框架内，因此document对象与该字段的对象不相同。

为了访问该字段，首先必须获取它所属的文档对象。检查DOM，你要访问的#mainFrame框架：

var frame = document.getElementsByName("mainFrame")[0]; 

现在你可以得到元素：

var email = frame.contentDocument.getElementsByName("email")[0]; 

这工作在现代浏览器。在IE8及以上，有这个漂亮的document.frames特性，可以使事情变得更加容易：

var email = document.frames.mainFrame.document.getElementsByName("email")[0]; 

Answer 2

输入是在iframe。您需要先获取iframe，然后获取输入元素。

document.getElementsByName('mainFrame')[0].contentDocument.getElementsByName('email')[0] 

Answer 3

与window.mainFrame.document得到它：

javascript:function fill() {alert(window.mainFrame.document.forms['login'].email.value);} fill();