im trying to use puppeteer to get property content of an element, edit it and run the edited version. For example: There is this element:
<a href="#" onclick="mojarra.jsfcljs(document.getElementById('j_idt58'),{'j_idt58:j_idt201:0:j_idt203':'j_idt58:j_idt201:0:j_idt203'},'_blank');return false" class="btn btn-info"></a>
What I need is to get the onclick content, remove the _blank parameter and run the rest of the function... Any ideas?
maybe not the most powerful solution out there but if you only need to do this on this specific tag you could set onclick
's attribute with JavaScript within page.evalauate
like this:
await page.evalauate(() => {
document
.querySelector(".btn.btn-info")
.setAttribute(
"onclick",
document
.querySelector(".btn.btn-info")
.onclick.toString()
.split("\n")[1]
.replace(",'_blank'", "")
);
});
await page.click(".btn.btn-info");
what's going on here?
page.evaluate
document.querySelector
onclick
attribute (not its property!)onclick
as string:mojarra.jsfcljs(document.getElementById('j_idt58'),{'j_idt58:j_idt201:0:j_idt203':'j_idt58:j_idt201:0:j_idt203'},'_blank');return false
'function onclick(event) {'
line when we reassign it as the attribute),'_blank'
parameter from the original function (string).mojarra.jsfcljs(document.getElementById('j_idt58'),{'j_idt58:j_idt201:0:j_idt203':'j_idt58:j_idt201:0:j_idt203'});return false
page.click
executes the new functionalternatively, you can use attributes.onclick.nodeValue
if you are not comfortable with toString().split("\n")[1]
above:
document.querySelector(".btn.btn-info").attributes.onclick.nodeValue.replace(",'_blank'", "")