关于js修改元素的属性

JavaScript027

关于js修改元素的属性,第1张

1、当元素绑定class样式

hello

此时可以通过改变class，去修改元素样式：

document.getelementbyid("d1").classname="green"

2、当元素使用直接样式，即

hello

document.getelementbyid("d1").style.color="green"

js可以通过文本所在标签的id获取该标签对象，然后修改其内容，如：

document.getElementById('标签id').innerHTML = '要修改的文本内容'

该方法可以在要修改的文本内容中加html标签，如果只是纯文本的话， 可以使用innerText,

document.getElementById('标签id').innerText= '要修改的文本内容'

document.getElementById("元素的id").style.width = ''//意思是设置你的元素的宽度；

document.getElementById("元素的id").style.height = ''//意思是设置你的元素的高度；

如果你把上面的两句代码放到点击事件中去执行的话，那么就达到你的说的要求了