Tech Blog

コロン(:)の入った要素や属性の情報を取得する

2023.08.04

概要

XMLなどを読み込んだ際、コロン(:)がついた要素や属性がある場合に取得する方法です。

コロン(:)の前にバックスラッシュ(\)を2つ入れます。

<yt:channelid>
  コロン（:）要素を取得
</yt:channelid>

console.log(document.querySelector('yt\\:channelid').textContent);
// コロン（:）要素を取得

<div yt:channelid="67890">
  コロン（:）属性を取得
</div>

console.log(document.querySelector('[yt\\:channelid]').getAttribute('yt:channelid'));
// 67890