我正在使用javascript制作一些样式按钮，但它们不起作用

Question

我正在使用javascript制作一些样式按钮，但它们不起作用。

我已经纠结了好几个小时了。

下面是我的代码:

Html:

<textarea><textarea>
<button onclick = "size('fontSize','10px',0)">Small</button>
<button onclick = "size('fontSize','20px',1)">Medium</button>
<button onclick = "size('fontSize','30px',2)">Large</button>
<button onclick = "size('fontSize','40px',3)">Extra Large</button>

JavaScript:

function size(stys,sizes,i){
let buttons = document.getElementsByTagName('button')
document.querySelector('textarea').style.stys = sizes;
console.log(document.querySelector('textarea').style.stys)
for(let y = 0;y<buttons.length;y++){
buttons[y].style.textDecoration = 'none'
}   
buttons[i].style.textDecoration = 'underline'
}

我不知道为什么，但字体大小不样式到文本区，即使console.log返回字体大小我想样式到。

谢谢大家的帮助。

Answer 1

将.style.stys改为.style[stys]:

function size(stys,sizes,i){
let buttons = document.getElementsByTagName('button')
document.querySelector('textarea').style[stys] = sizes;
console.log(document.querySelector('textarea').style[stys])
for(let y = 0;y<buttons.length;y++){
buttons[y].style.textDecoration = 'none'
}   
buttons[i].style.textDecoration = 'underline'
}

<textarea></textarea>
<button onclick = "size('fontSize','10px',0)">Small</button>
<button onclick = "size('fontSize','20px',1)">Medium</button>
<button onclick = "size('fontSize','30px',2)">Large</button>
<button onclick = "size('fontSize','40px',3)">Extra Large</button>