Javascript 如何使用纯JS中的jQuery.css（）方法？

请在此处查看我的代码：

<div id="one">
<div class="options-parameters-input">
This is testing
</div>
</div>
<br /><br /><br /><br /><br /><br /><br />
<table width="750" border="1" cellspacing="3" style="float:left;">
  <tr>
    <td>Type font size</td>
    <td><textarea id="DN"></textarea></td>
  </tr>
</table>

var DN = document.getElementById("DN");
DN.addEventListener("keyup",both);

function both(){
document.getElementsByClassName("options-parameters-input")[0].style.fontSize = this.value+'px';
}

但我不知道怎么做，这样我就可以从textarea或input中插入值了？例如字体大小

我的问题是：如何像上面的代码一样使用.css方法做同样的事情

请你能写代码作为例子吗？我试过了，但不幸的是我失败了，因为我还是初学者

---

谢谢

我不确定您希望如何应用该样式，因此我将向您展示如何使用jQuery、javascript或css。您可以选择您需要的：）

jQuery：

var mySize = '15'
$('p').css({'background-color' : 'yellow'});
$('p').css({'font-size' : '10px'});
$('p').css({'font-size' : mySize+'px'});

javascript:

var element = document.getElementsByTagName("p"); //get all p elements
element.style.backgroundColor = "yellow"; //change background color
element.style.fontSize = "10px"; //change font-size

css:

---

这也没什么不同<代码>…css（“fontSize”，this.value+“px”）…不清楚你在问什么，或者你想做什么。你说你不知道怎么做，但却有一行代码来做你需要的…？你需要吗<代码>.style.backgroundColor=“黄色”如果您想知道如何在没有jQuery的情况下实现它，

element.style.backgroundColor='yellow'

您可以这样做，看起来正好相反，但不清楚-即他们有一些js，希望在jQuery中使用相同的js

var element = document.getElementsByTagName("p"); //get all p elements
element.style.backgroundColor = "yellow"; //change background color
element.style.fontSize = "10px"; //change font-size

.p {
    background: yellow;
}