• 技术文章 >web前端 >js教程

    JavaScript中style什么意思

    长期闲置长期闲置2021-12-22 17:08:15原创504

    JavaScript中style的意思是“样式”、“设置样式”,style属性是一个全局属性,在JavaScript中可以更改或设置元素的样式,语法为“元素对象.style.样式属性="样式属性值";”。

    本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

    JavaScript中style什么意思

    JavaScript中style的意思是样式,设置样式。

    Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。

    语法为:

    document.getElementById("id").style.property="值"

    在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供动态的修改样式的方法。

    示例如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
    <p>无序列表:</p>
    <ul>
      <li id="xuebi">雪碧</li>
      <li>可乐</li>
      <li>凉茶</li>
    </ul>
    <script type="text/javascript">
    document.getElementById("xuebi").style.display="none";
    </script>
    </body>
    </html>

    输出结果:

    11.png

    【相关推荐:javascript学习教程

    以上就是JavaScript中style什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 前端 html
    上一篇:一文聊聊Node.js中的EventEmitter模块 下一篇:javascript语句必须嵌套在什么标签中
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 一分钟彻底理解JavaScript冒泡排序与选择排序• 十分钟带你深入了解javascript的原型和原型链• 一文带你浅析JavaScript数组中的深复制与浅复制• 经典技巧之JavaScript全局函数详解• 彻底搞懂JavaScript中this指向问题
    1/1

    PHP中文网