---
title: menus.getTargetElement()
slug: Mozilla/Add-ons/WebExtensions/API/contextMenus/getTargetElement
translation_of: Mozilla/Add-ons/WebExtensions/API/menus/getTargetElement
---
<div>{{AddonSidebar}}{{Draft}}</div>

<p class="summary">주어진 <code>targetElementId</code>에 해당하는 요소를 돌려준다.</p>

<p>이 함수는 오직 클릭된 요소가 있는 문서에서만 동작한다. so everywhere but in the background page.</p>

<h2 id="문법">문법</h2>

<pre class="syntaxbox">let elem = browser.menus.getTargetElement(targetElementId);
</pre>

<h3 id="파라메터">파라메터</h3>

<dl>
 <dt><code>targetElementId</code></dt>
 <dd><code>{{WebExtAPIRef("menus.onClicked")}}</code> 핸들러 또는 <code>{{WebExtAPIRef("menus.onShown")}}</code> 이벤트에 전달된 <code>{{WebExtAPIRef("menus.OnClickData")}}</code> 객체의 속성</dd>
</dl>

<h3 id="반환값">반환값</h3>

<p><code>targetElementId</code>로 참조되는 요소를 반환한다. <code>targetElementId</code>가 유효하지 않으면 <code>null</code>를 반환한다.</p>

<h2 id="예제">예제</h2>

<p>아래 예제는 인수로 전달된 <code>info.targetElementId</code> 값으로 요소를 구하고, 그것을 지운다. 하지만 <code>getTargetElement</code>는 요소가 있는 문서에서만 동작하므로 문서가 있는 탭에 스크립트를 주입하는 형태로 처리하고 있다. </p>

<pre class="brush: js">browser.menus.create({
  title: "Remove element",
  documentUrlPatterns: ["*://*/*"],
  contexts: ["audio", "editable", "frame", "image", "link", "page", "password", "video"],
  onclick(info, tab) {
    browser.tabs.executeScript(tab.id, {
      frameId: info.frameId,
      code: `browser.menus.getTargetElement(${info.targetElementId}).remove();`,
    });
  },
});
</pre>

<p>{{WebExtExamples}}</p>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



<p>{{Compat("webextensions.api.menus.getTargetElement")}}</p>

<h2 id="같이_보기">같이 보기</h2>

<ul>
 <li>{{WebExtAPIRef("menus.create")}}</li>
 <li>{{WebExtAPIRef("menus.OnClickData")}}</li>
</ul>