2017-10-14 6 views
0

<a>のタグをJavaScriptでクリックしようとしていますが、このタグのWebページの表示ウィンドウをクリックすると機能しません。私はJavaScriptでやりたいと思います。シミュレーションをクリックしてウェブページを開きます

HTMLコードは次のとおりです。

document.getElementById("r123").firstChild.click(); 

が、これは機能しません:

<div id="r123"> 
    <a class="simple-button" target="_parent" href="javascript:window('open/?id=', '123')"> 
    <div class="icon"/> 
    <span>click</span> 
    </a> 
</div> 

私はJavaScriptでそれをテストするには、このコードを書きました。

誰かが私を助けてくれますか?

答えて

0

正しい答えは次のとおりです。 のdocument.getElementById(「R123」)firstElementChild.click()

0

私はあなたの最善の策は、あなたがしたいタスクを実行するJavaScript関数を作成することになると思います。次に、<a>タグで関数を呼び出し、JavaScriptで同じ関数を呼び出すことができます。

ですから、機能作ると思います:

function openNewWindow() { 
    window('open/?id=', '123'); 
} 

を次に、あなたの<a>タグは次のようになります。

<a href="#" onclick="openNewWindow()"> 

そして、あなたは他のJavaScriptから好きなときにもちろん、あなたがopenNewWindowを呼び出すことができます。

0

あなたはHREFにこの方法をクリックして直接ページを開くことができます。

<body> 
 

 
<h3>A demonstration of how to access an A element</h3> 
 

 
<a id="myAnchor" href="example.com" target="_blank">Tutorials</a> 
 

 
</body>

か、HREFこの方法のようなボタンを追加することができます。

<body> 
 
<button class="btn" onclick="myFunction()" >Try it</button> 
 

 
<p id="demo"></p> 
 

 
<script> 
 
    function myFunction() { 
 
     window.open("example.com"); 
 
    } 
 
</script> 
 
    <style> 
 
     .btn{ 
 
      outline:none; 
 
      text-decoration:underline; 
 
      color:blue; 
 
      border:none; 
 
      background-color:transparent; 
 
      cursor:pointer; 
 
     } 
 
    </style> 
 
</body>

関連する問題