js中如何修改html属性 css属性

1、新建一个html文件，命名为test.html，用来介绍js如何修改html属性和css属性。

1、在test.html页面，创建一个button按钮，用于点击执行函数修改html属性。

改变html元素图片的src属性，使用document.getElementById(）方法获得html元素对象，再设置其src属性，实现改变图片路径。下面代码实现了当点击“改变属性”按钮时，把图片路径smiley.gif改变为images/0.png

2、改变html元素id属性。使用document.getElementById(）方法获得html元素对象，设置其value属性，实现改变id属性。例如，下面代码实现了当点击“改变属性”按钮时，把img元素的id属性值myImage改变为cimg

3、改变html元素class属性。使用document.getElementById(）方法获得html元素对象，设置其class属性实现改变class属性。例如，下面代码实现了当点击“改变属性”按钮时，把img元素的class属性值myclass改变为chclass

1、改变html元素css属性中颜色属性。使用document.getElementById(）方法获得html元素对象，设置其style.color属性，实现改变文本颜色。例如，下面代码实现了当点击“改变属性”按钮时，把p元素的文本颜色设置为蓝色。

2、改变html元素css属性中背景属性。使用document.getElementById(）方法获得html元素对象，设置其style.backgroundColor属性，实现改变背景颜色。例如，下面代码实现了当点击“改变属性”按钮时，把p元素的背景设置为#FFCC80颜色。

3、改变html元素css属性中宽度属性。使用document.getElementById(）方法获得html元素对象，设置其style.width属性，实现宽度的改变。例如，下面代码实现了当点击“改变属性”按钮时，把p元素的宽度设置为300px。