Hide <canvas> element

Question

Somewhere in my javascript code, there is a function which injects a canvas element in my code . The canvas element is being displayed for 10 seconds then it disappears.

This is the code that is being injected..

<canvas style="position: absolute; bottom: 15px; top: auto; left: 15px; z-index: 100000; visibility: visible; cursor: pointer;" y="0" x="0" height="17" width="46"></canvas>

The problem is that i can't find that bit of code in my javascript. Is there another way to hide the completely?

Answer 1

Really?

i can't find that bit of code in my javascript

Anyway,

Assuming(!) that this is the only canvas at x==0,y==2 sized at width==46,height==17 you can use document.querySelector to fetch the canvas and hide it.

// build the query selector for the desired canvas
var query="canvas[x='0'][y='0'][height='17'][width='46']";

// find the canvas
var canvas=document.querySelector(query);

// hide the canvas
canvas.style.display="none";

If there are more canvases with that position and size, you must use querySelectorAll to get a list of all the matching canvas nodes and then iterate that list to find the canvas with the matching style attributes.