Q&A
classからHTMLをいじりたい
classを作りそれを利用してHTMLのTagを作ったり、HTMLの要素を変更したいです
発生している問題・エラーメッセージ
ts.js:13 Uncaught TypeError: a.setcolor is not a function at ts.js:13
該当のソースコード
JavaScript
1class ChangeHtmlColor{ 2 constructor(htmlElment){ 3 this.thml = htmlElment 4 } 5 set htmlecolor(color){ 6 this.html.style.backgroundColor = color 7 } 8} 9 10 11const b = document.documentElement; 12const a = new ChangeHtmlColor(b); 13a.setcolor("red")
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7</head> 8<body> 9 <canvas width="500" height="500"></canvas> 10 <script src="ts.js"></script> 11</body> 12</html>
試したこと
普通に
var html = document.documentElement; html.style.backgroundColor = 'red';
をやる時は動きましたが、クラスを使うと動かなくなってしまいます。
調べたのですがそれらしい情報は出てこなかったので質問させてもらいました。
補足情報（FW/ツールのバージョンなど）
Javascript初心者なのでちんぷんかんなことを行っていたら申し訳ないです。
自己解決
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。