別の要素内の要素へのアクセスに関するいくつかのスレッドが既にあることは知っています...たくさんのことを試しましたが、うまくいきません...
JSFiddle -> http://jsfiddle.net/YcPc8/2/
このページでやりたいことは、ユーザー名とパスワードを入力してから、ログイン ボタンをクリックすることです。
以下は、Web ページの HTML コードの一部です。
<section id="notifications"></section>
<div style="display: block;" id="login" class="">
<div id="login-content">
<form>
<h1>Nessus Vulnerability Scanner</h1>
<input name="login" tabindex="1" placeholder="Username" maxlength="128" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" class="required login-username" type="text">
<i class="glyphicons username"></i>
<input name="password" tabindex="2" placeholder="Password" maxlength="128" autocomplete="off" class="required login-password" type="password">
<i class="glyphicons password"></i>
<div id="remember-me" class="floatleft">
<div class="checkbox login-remember"></div>
<span class="floatleft">Remember Me</span>
</div>
<button type="submit" id="sign-in" tabindex="3" class="button secondary login floatright">Sign In</button>
</form>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<h2>Tenable Network Security</h2>
<div class="clear"></div>
ここで、ログインとパスワードのフィールドに入力したいと思います... JavaScript 内で試したコードの一部を次に示します。
var nessus = window.open("https://localhost:8834/html5.html#/scans");
var doc = nessus.document.getElementById("login-content").getElementsByName("login");
doc.setAttribute("value","USERNAME");