HTMLAreaElement.rel - area要素のrel属性
relは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるrel属性を反映します。
概要
- 名前
- rel
- 所属
- HTMLAreaElement
- IDL
[CEReactions] attribute DOMString rel;
- 仕様書
- https://html.spec.whatwg.org/multipage/image-maps.html#dom-area-rel
説明
このプロパティはHTMLを反映しています。値についての説明はrel属性の項目をご参考下さい。
チュートリアル
取得、代入、どちらもできます。
HTML
<area shape="circle" coords="100,100, 50" href="https://example.com/" id="hoge" rel="nofollow noopener">
JavaScript
// HTMLAreaElementを取得
var element = document.getElementById( "hoge" ) ;
取得
var value = element.rel ; // "nofollow noopener"
代入
element.rel = "noreferrer" ; // <area shape="circle" coords="100,100, 50" href="https://example.com/" id="hoge" rel="noreferrer">
デモ
HTMLAreaElement.relを取得するデモです。
<!-- このコードは編集できます。 -->
<!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" rel="nofollow noopener">
</map>
<hr>
<script>
var element = document.getElementById( "hoge" ) ;
console.log( element.rel ) ;
document.body.appendChild( new Text( element.rel ) ) ;
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● 54+ | ● 30+ | ● 9.1+ | ● | ● 11+ | ● 41+ | ● 9.1+ | × |
関連記事
- HTMLAreaElement.target
- targetは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるtarget属性を反映します。
- HTMLAreaElement.shape
- shapeは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるshape属性を反映します。
- HTMLAreaElement.coords
- coordsは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるcoords属性を反映します。
- HTMLAreaElement.relList
- relListは、HTMLAreaElementのプロパティです。HTMLのarea要素のコンテンツ属性であるrel属性を反映します。値はDOMTokenListで取り扱います。