[SOLVED] javascript document.queryselector

babbab · 01-25-2013, 05:17 PM

suppose links is array with href value

can i do

document.querySelector('a[href="' + links[1] + '"]').click();

to click on selected element?

dugan · 01-25-2013, 05:54 PM

You know, you could have just tried it out:

Code:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Click Selector</title>
	</head>
	<body>
		<a href="http://duganchen.ca/">Dugan Chen's homepage</a>
		<script>
			(function () {
				'use strict';
				var links = ['', 'http://duganchen.ca/'];
				document.querySelector('a[href="' + links[1] + '"]').click();
			}());
		</script>
	</body>
</html>

It works for me.

babbab · 01-25-2013, 06:21 PM

I'm using casperjs. and doesn't work for me.

Code:

function getLinks() {
    var links = document.querySelectorAll('a[href^="inquiryDetail.jis?caseId="]');
    return Array.prototype.map.call(links, function(e) {
        return e.getAttribute('href')
    });
}

document.querySelector('a[href="' + links[1] + '"]').click();

can someone provide me a link about what the mysterious function getLinks() does?
I know it stores links starts with 'a[href^="inquiryDetail.jis?caseId="]' to links
but the rest of the function is still mysterious to me.
this part is

Code:

return Array.prototype.map.call(links, function(e) {
        return e.getAttribute('href')

but this code works

Code:

this.echo(links[1]);

and this is error msg

Code:

TypeError: 'null' is not an object (evaluating 'document.querySelector('a[href="
' + links[1] + '"]').click')

babbab · 01-25-2013, 07:20 PM

Code:

this.click('a[href="' + links[1] + '"]');

did the job

my intention was select the element and clicking it
somehow queryselector didnt choose the element