0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

TypeScriptでsetattributeを使う時Booleanでも引用符で囲む必要がある

Last updated at Posted at 2023-06-12

JavaScriptでDOM操作を行うとき、次のようにsetattributeで属性を追加したいことってよくありますよね。

var d = document.getElementById("d1");

d.setAttribute("disabled", true);

実はこれをTypeScriptで書くと、trueのところでエラーが出ます。

image.png

TypeScriptではsetattributeの引数はstringでなければいけない

TypeScriptでは仕様なのか、Booleanでもsetattributeで受け取り引数がstringで固定になっていて、
引用符か二重引用符で囲まないといけません。

image.png

GitHub上で議論されていましたが、引用符なしでも受け取るようにリクエストされているIssuesに対して、回答者は否定的な意見で暗黙的な変換になるからよくないとのこと。

どうしてもそういう動きにしたいのなら、Elementインターフェースにbooleanやnumberを受け取るsetattributeを追加してくれということみたいで、公式では仕様としているようです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?