关于js修改元素的属性

JavaScript011

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

1、当元素绑定class样式

hello

此时可以通过改变class,去修改元素样式:

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

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

hello

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

这样应该是不行的吧,或者是我还不会,而且要修改的话直接去css文件修改就好了,如果用js修改的话可以添加新的样式覆盖原来的样式,直接修改类名的话会使得操作复杂度加深,无法很好得进行维护。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('#txt').val('添加值')$('#txt').attr('data', 'test')。

3、浏览器运行index.html页面,此时input元素成功被添加了值和属性。