码迷,mamicode.com
首页 > Web开发 > 详细

demo12-js的操作元素

时间:2020-03-28 23:39:20      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:nbsp   size   char   元素   演示   mil   mamicode   element   idt   

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*#div1{
                width: 300px;
                height: 300px;
                background: powderblue;
            }*/
        </style>
    </head>
    <body>
        <div id="div1">
            罗泽宇:熟悉吗?
            王:还好
            罗泽宇:问个路?
            王:好
            罗泽宇:走向共和
            
        </div>
    </body>
    <script type="text/javascript">
        // 设置div标签的样式
        //通过js设置样式的颜色
        //获取div1标签元素,然后赋值给一个变量oDiv进行接收,变量命名规则遵循大驼峰
        var oDiv = document.getElementById("div1")
        //设置div1的样式中的color颜色属性值
        oDiv.style.color="red"
        // 如果在css里面设置字体,是font-size,在js里面设置是fontSize.这是区别
        oDiv.style.fontSize=50px
        //js设置字体
        oDiv.style.fontFamily=宋体
    </script>
    
</html>
<!--
    操作元素:就是获取元素之后对其进行属性设置
-->

 演示效果:

技术图片

 

demo12-js的操作元素

标签:nbsp   size   char   元素   演示   mil   mamicode   element   idt   

原文地址:https://www.cnblogs.com/huaibin/p/12589927.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!