document.createElement('div')で作ったDOMに型をつけたい

Question

document.createElement('div');するとHTMLDivElementが型となるとおもいますが、
HTMLDivElementにvalue,styleがありませんでした。

document.createElement('div')の型は何を指定すればよろしいでしょうか

  const scrubberDiv = document.createElement('div');
  scrubberDiv.className = 'ytp-scrubber-container ytp-scrubber-container22';
  scrubberDiv.value = time;
  scrubberDiv.style = `transform: translateX(${resultPx}px);`;

value,styleで
[ts] Property 'value' does not exist on type 'HTMLDivElement'. [2339]
というエラーができました。

Comments

[Zuishin]

どういった目的でしょうか？
それによってもっと適切な方法があるのではないかと思います。

Answer 1

Property 'value' does not exist on type 'HTMLDivElement'

そのとおりです。<div>はvalueを持ちません。

Answer 2

value　は無いけど、style はありますね。
表示したい文字を入れたいなら、innerText か innerHTML でどうでしょう？

const div = document.createElement('div') as HTMLDivElement;
div.innerHTML = 'xxx';
div.style.backgroundColor = 'red';
div.style.width = '200px';
div.style.transform = 'translateX(100px)';

Comments

[Kimsehwa]

valueはないのが正しいですね、、
youtubeのコード参考してましたが、valueがあったのであるのが正しい勘違いしました
ありがとうございます！