js基础第8课 4000 :改变 HTML 样式
2016-10-21 15:05
274 查看
改变 HTML 样式
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?语法:
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
基本属性表(property):
注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改。
看看下面的代码:
改变 <p> 元素的样式,将颜色改为红色,字号改为20,背景颜色改为蓝:
<p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>
结果:
相关文章推荐
- JS改变 HTML style样式
- js如何改变css,html样式
- js改变/获取html标签样式
- 用JS改变HTML图像和样式
- 【前端开发实例】HTML 检索内容 关键字 JS 高亮显示 -(二) 4000
- 表格,鼠标移到,移出某行,改变该行样式JS
- 利用js改变htmll的属性
- 改变HTML中超链接的显示样式
- js基础--在HTML中使用javascript
- html 盒子模型基础(display ,overflow,默认样式)(四)
- 南哥带你学 HTML 之 JS 基础语法
- 使用jquery.fullpage.js需要动态改变导航小圆点的样式
- 小仙女 html、css、js基础Java实训05
- Html-样式(css)基础记录
- JavaScript:改变 HTML 样式
- Web开发技术——JavaScript HTML DOM1(基础、改变HTML、改变CSS)
- js生成html包含行内样式(兼容浏览器样式)无效问题
- Jquery真的不难~第三回 如何改变HTML标签的样式
- 黑马程序员JS---HTML基础
- 【嘉兴东臣php】HTML+CSS+JS基础学习笔记