Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

`document.querySelector()` doesn't return specific class

オープン
#184 コメント 7 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
javascript
領域
web-dev

調査の方向性

esm/shared/register-html-class.js と issue にある document.querySelector() の再現から始め、meta と span の処理を button および a と比較します。どの要素クラスが登録されていないかを確認します。報告された要素がそれぞれ固有の linkedom クラスとして返され、instanceof チェックが通れば完了です。

索引モデルが issue の本文から書いたものです。

説明

Hi,

For some elements, the document.querySelector() method doesn't return the specific class, but a HTMLElement. For example with the <meta> element whose object returned isn't an HTMLMetaElement.

import * as linkedom from 'linkedom';

const { document } = linkedom.parseHTML(`
  <html>
    <head>
      <meta name="foo" content="bar">
    </head>
    <body>
      <button>Baz/<button>
      <span>Qux/span>
      <a>Quux</a>
    </body>
  </html>
`);


console.log(document.querySelector("meta") instanceof linkedom.HTMLMetaElement); // false
console.log(document.querySelector("button") instanceof linkedom.HTMLButtonElement); // true
console.log(document.querySelector("span") instanceof linkedom.HTMLSpanElement); // false
console.log(document.querySelector("a") instanceof linkedom.HTMLAnchorElement); // true

Maybe the problem happens only on the class that doesn't call registerHTMLClass().

主要言語
HTML
スター
2.1k
フォーク
104
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

WebReflection/linkedom のほかの issue

WebReflection/linkedom の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。