js修改html中span属性值,JS动态修改属性

新手入坑，俗话说得好一如前端深似海，今天我来简单介绍一下如何通过js动态修改属性

HTML：

高度:

宽度:

颜色:

//获取ID名字为long的标签

var long = document.getElementById('long');

//获取ID名字为bgcolor的标签

var bgcolor = document.getElementById('bgcolor');

//获取ID名字为div1的标签

var div1 = document.getElementById('div1');

//给tall标签oninput 事件，动态改变div1标签的高度

tall.oninput = function(){

div1.style.height = tall.value + 'px';

}

//给long标签oninput 事件，动态改变div1标签的宽度

long.oninput = function(){

div1.style.width = long.value + 'px';

}

//给bgcolor标签oninput 事件，动态改变div1标签的颜色

bgcolor.oninput = function(){

div1.style.backgroundColor = bgcolor.value;

}

好了，JS注释已经打上，有需求的朋友直接拿就OK了