Я хочу добавить тег div к открытому в настоящее время веб-сайту, когда пользователь нажимает на значок расширения Chrome. Это изображение должно появиться в левом верхнем углу страницы. Как мне достичь этой цели?
Код ниже добавляет тег div к окну расширения.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function() {
$("#click").click(function(){
chrome.tabs.getSelected(null, function(tab){
var tabUrl = tab.url;
//alert(tabUrl);
document.querySelector('div#content').style.display = 'block';
});
//chrome.tabs.executeScript(null, {code: "document.body." + setAttribute("class",img)});
});
});
</script>
</head>
<body>
<div id="content"></div>
<div id="click">Click Here</div>
</body>
</html>