1

私はこの拡張機能を Google chrome 用に開発しています。基本的には、拡張機能をアクティブにすると、ユーザーは Web ページの現在表示されている Web コンテンツを強調表示できます (PDF を強調表示するときなど)。（既存の拡張機能があります。これは私の学習目的です）。

そして、私は拡張機能の開発に不慣れで、必要な技術的なことについてあまり知識がありません。

最初に、拡張機能のアイコンをクリックすると、現在表示されている Web ページの背景色を変更するこの単純な拡張機能を作成しました。

.js ファイルのコード サンプル:

function clickss(e) {
   chrome.tabs.executeScript(null,{code:"document.body.style.backgroundColor='yellow'"});
   window.close();
}

document.addEventListener('DOMContentLoaded', function () {
      clickss();
});

これにより、ボディの背景色が即座に変更されます。したがって、ユーザーが特定のタグをクリックしたときにタグ（div、p、h）の色のみを変更するようにこれを作成/変更するにはどうすればよいですか（ユーザーがWebページをクリックすると、そのクリックポイントに関連するタグのみが変更されます）その背景色)。

私はこれに慣れていないので、親切な回答に非常に感謝しています。

4

1 に答える 1

2

タグを取得して、それぞれにクリック イベント リスナーをアタッチするだけです。

使用できますgetElementsByTagName()

var divs = document.getElementsByTagName("div");
for(var d in divs) {
   divs[d].addEventListener('click', clickss);
}

function clickss(e) {
   this.style.backgroudColor = "yellow";
}
于 2013-07-11T02:12:22.107 に答える