我如何使用输入字段以通过Java脚本更改css属性的值？

Question

我想在输入字段中输入属性的值，例如颜色。

并且在新样式的另一个输入字段中为蓝色

let p_change = document.getElementById('p-change');
let property = document.getElementById('property').value; // each color ,fontSize
let newStyle = document.getElementById('style').value; 	// each  red , 20px
let change	 = document.getElementById('change');

change.onclick = function(){
	p_change.style.property = 'newStyle'; 
}

<p id="p-change">Change my style like you love</p>
		  		<input id="property" value="" placeholder="Enter Property">
				<input id="style" value="" placeholder="Enter New Style">
			  	<button id="change">Change</button>

enter image description here

Answer 1

选定的节点具有style属性，其中具有CSS属性。

let node = document.querySelector('#someid')
node.style.color = 'red'
node.style.fontSize = '40px'