Click a button that not visible in page source (only in inspect)

Question

I try to click a button whenever the button shows. However when the button shows, in google chrome's page source, the actual URL is not shown. Here's the source:

 <div id="fname2"  style="display:none" > Description1  <br/> <span> Description2    </span></div> 

    <div id="fname"><h1 class="ThreeDee"> Preparing Your Links....<br/> Please wait...</h1></div>
    <div id="hata" style="display:none" > Failed to Create Links..  <br/> <span>Please Restart your link Translation . </span></div>
    <div id="vip" style="display:none" > None This Link Download your consent  <br/> <span> More Description1.. </span></div>

</div>
<div id="buton" style="display:none">
  <div class="info-link right" >
    <a href="#">Download</a>
  </div>
</div>

# is a link of the current page(it is a hyperlink), when it should be the URL of next page. However when I "inspect" the button after it appears:

<div id="wrapper">
    <div class="main-menu clearfix">


    </div>
<center><a href="http://example.com/" target="_blank" rel="noreferrer" data-ss1496972790="1"> <img src="./images/example.png"></a></center>





      <div class="info-v3 clearfix">
        <div class="info-txt left">

      <div id="fname2" style=""> Created to download Links  <br> <span> Download your Download Push Button  </span></div> 

            <div id="fname" style="display: none;"><h1 class="ThreeDee"> Preparing Your Links....<br> Please wait...</h1></div>
            <div id="hata" style="display:none"> Failed to Create Links..  <br> <span>Please Restart your link Translation . </span></div>
            <div id="vip" style="display:none"> None This Link Download your consent  <br> <span> This file is a private Vip our users.. </span></div>

        </div>
        <div id="buton" style="">
          <div class="info-link right">
            <a href="http://thedownloadlink.com" data-ss1496972790="1">Download</a>
          </div>
        </div>


      </div>



          </div>

Any idea how to click the button? Thanks!

I'm trying to click this button after it appears: `Download`, but I can't access it in page source — Gregor Isack, Jun 09 '17 at 02:20
You may want [`mutationObserver`](https://developer.mozilla.org/en/docs/Web/API/MutationObserver) — tsh, Jun 09 '17 at 02:21
Possible duplicate of [How to wait until an element exists?](https://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists) — tsh, Jun 09 '17 at 02:25

score 0 · Answer 1 · edited Jun 09 '17 at 02:57

0

The link must be a side effect of JS. You can't see the changes made by JS in source code. JS is client-side. It executes on the browser. However, you can see in inspect element.

And source code doesnt show the side-effects of executed JS. It show the page got from the server.

edited Jun 09 '17 at 02:57

Daniel Beck

20,653
5
38
53

answered Jun 09 '17 at 02:19

Chava Geldzahler · Answer 2 · 2017-06-09T03:15:32.897

0

You can use waitForKeyElements with jQuery's :visible selector to click the button only once it is displayed.

Something like:

waitForKeyElements (
    "#button:visible", 
    clickButtton
);

function clickButton(jNode) {
jNode.click();
}

edited Jun 09 '17 at 03:15

answered Jun 09 '17 at 02:23

Chava Geldzahler

3,605
1
18
32

Click a button that not visible in page source (only in inspect)

2 Answers2