js可以改变html属性，例如，图片路径src属性、id属性、class属性等，同时，也能改变css属性，例如，文字颜色、背景颜色、宽度等。下面分别讲解如何使用js修改html属性和css属性。
方法/步骤
1、新建一个html文件，命名为test.html，用来介绍js如何修改html属性和css属性。
修改html属性
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
修改css属性
1、改变html元素css属性中颜色属性。使用document.getElementById(）方法获得html元素对象，设置其style.color属性，实现改变文本颜色。例如，下面代码实现了当点击“改变属性”按钮时，把p元素的文本颜色设置为蓝色。
2、改变html元素css属性中背景属性。使用document.getElementBy诔罨租磊Id(）方法获得html元素对象，设置其style.backgr泠贾高框oundColor属性，实现改变背景颜色。例如，下面代码实现了当点击“改变属性”按钮时，把p元素的背景设置为#FFCC80颜色。
3、改变html元素css属性中宽度属性。使用document.getElementById(）方法获得html元素对象，设置其style.width属性，实现宽度的改变。例如，下面代码实现了当点击“改变属性”按钮时，把p元素的宽度设置为300px。
