HTMLAreaElement.target - area要素のtarget属性
targetは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるtarget属性を反映します。
概要
- 名前
- target
- 所属
- HTMLAreaElement
- IDL
[CEReactions] attribute DOMString target;
- 仕様書
- https://html.spec.whatwg.org/multipage/image-maps.html#dom-area-target
説明
このプロパティはHTMLを反映しています。値についての説明はtarget属性の項目をご参考下さい。
チュートリアル
取得、代入、どちらもできます。
HTML
<area shape="circle" coords="100,100, 50" href="./page.html" target="_blank" id="hoge">
JavaScript
// HTMLAreaElementを取得
var element = document.getElementById( "hoge" ) ;
取得
var value = element.target ; // "_blank"
代入
element.target = "_self" ; // <area shape="circle" coords="100,100, 50" href="./page.html" target="_self" id="hoge">
デモ
HTMLAreaElement.targetを取得するデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<body>
<img src="../image.png" usemap="#my-circle" width="200" height="200">
<map name="my-circle">
<area shape="circle" coords="100,100, 50" href="https://syncer.jp/" alt="リンクのテキスト" target="_blank" id="hoge">
</map>
<hr>
<script>
var element = document.getElementById( "hoge" ) ;
console.log( element.target ) ;
document.body.appendChild( new Text( element.target ) ) ;
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● | ● | ● |
関連記事
- target属性
- base要素のtarget属性は、そのHTMLドキュメントにおいて基準となる、ハイパーリンクを開くコンテキストを指定する属性です。値の指定方法はa要素のtarget属性と同じです。
- target属性
- area要素のtarget属性はハイパーリンクを開くコンテキストを指定する属性です。a要素のtarget属性と仕組みは同じです。
- target属性
- a要素のtarget属性はハイパーリンクを開くコンテキストを指定する属性です。新しいウィンドウで開きたい場合などに利用します。
- HTMLAreaElement.rel
- relは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるrel属性を反映します。