美文网首页
改变 HTML 样式

改变 HTML 样式

作者: LvyCode | 来源:发表于2017-02-09 09:37 被阅读22次

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 mychat = document.getElementById("pcon");

      mychar.style.color = "red";

      mychar.style.fontSize = "20";

      mychar.style.backgroundColor = "blue";

</script>

结果:

相关文章

  • 改变 HTML 样式

    HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢? 语法...

  • HTML的探索5

    HTML样式 style属性用于改变HTML元素的样式。 This text is in Verdana and ...

  • HTML 样式

    HTML 样式 style 属性用于改变 HTML 元素的样式。 HTML 的 style 属性 style 属性...

  • JS菜鸟教程笔记(持续更)

    www.runoob.com/js/js-intro.html 改变 HTML 内容 改变 HTML 样式 验证输...

  • 『Web前端』 HTML入门(8)—— HTML 样式

    HTML 样式 HTML 的 style 属性 style 属性的作用: 提供了一种改变所有 HTML 元素的样式...

  • 学习javascript!

    JavaScript 能改变 HTML 元素的样式。 function myFun...

  • DOM

    获取元素内容最简单的方法:innerHTML 属性 访问HTML元素的方法 改变HTML元素内容 改变HTML样式...

  • HTML DOM - 修改

    HTML DOM - 修改 修改 HTML = 改变元素、属性、样式和事件 ➡️修改 HTML 元素 修改 HTM...

  • 2020-04-16-改变input框checked样式

    改变input框checked样式 label input{display: no...

  • 2 js之css和Dom事件

    1 改变 HTML 样式 2 HTML 事件属性 点击这里 3 使用 HTML DOM 来分配事件 4 onloa...

网友评论

      本文标题:改变 HTML 样式

      本文链接:https://www.haomeiwen.com/subject/zehiittx.html