javascript - 新しく作成された div の「className」属性を設定または作成できません

Question

新しく作成された要素に className を追加するsetAttribute()ことはできません。コマンドを使用してチェーン内に div が作成されることに注意してください。コードは次のようになります...createAttribute()divfetch().then()createElement

document.addEventListener("DOMContentLoaded", () => {
    let row = 0
    fetch(domain + "/boards/new")
        .then(resp => resp.json())
        .then(json => json.spaces)
        .then(spaces => spaces.forEach( (iRow) => {
            let col = 0
            iRow.forEach( (iCol) => {
                if (iCol != null){
                    let checker = document.createElement('div')
                    let color = iCol.team
                    let c_id = iCol.id
                    checker.createAttribute(className)
                    checker.setAttribute(className, `${color}-checker`)
                    checker.createAttribute(id)
                    checker.setAttribute(id, c_id)
                    checker.createAttribute(data-pos)
                    checker.setAttribute(data-pos, `[${row}][${col}]`)
                    document.body.appendChild(checker)
                }
                col = col + 1
            })
            row = row + 1
        }))
})

それは行までずっと取得しますが、checker.createAttribute(className)「className is note defined」と言ってエラーが出ますが、これは奇妙です。className はコンパイラによってグローバルな HTML 属性として理解されるべきです。