JS修改属性，六种数据类型

JS修改属性

一般修改单个属性是通过JS修改的，比较方便。改多个属性通过css样式改更方便。

　　1.特殊：通过JS修改包含"-"符号的属性，例如margin-top

// 特殊 修改包含"-"符号的属性，例如margin-top
// oBox[1].style.margin-top="50px";  // 错误写法，js将“-”认成减号
有两种写法：

// oBox[1].style.marginTop="50px"; // 1.驼峰写法
oBox[1].style["margin-top"]="50px"; // 2.中括号括起来

　　2.普通属性不含 ''-''

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
    <style>
        div{
            width: 100px;
            /*height: 100px;*/                /*高度写这儿，弹不出属性*/ 
            background: yellow;
        }
    </style>
</head>
<body>
    <div style="height: 100px">测试JS修改属性</div>
    <script>
        var oBox=document.getElementsByTagName("div");
        alert(oBox[0].style.height);   // 弹出高度，只能 弹出行内属性
        // 分别修改高度和宽度
        // oBox[0].style.height="150px";
        // oBox[0].style.width="150px";
        
        // 同时修改高宽度
        oBox[0].style.cssText="height:150px;150px"
    </script>
</body>
</html>

效果：之前　　　　　　　　　　　　　　　　　　之后

js六大数据类型

<script>
    /*
js六大数据类型
number——数字  在js里面的小数和整数统一都是数字 -2^53 -- 2^53 超出范围之后精度就会不准确
string——字符串
boolean——布尔值 true false
function——函数
undefined——未定义 一个变量声明之后没有赋值就是undefined
object——对象
在js里面null属于对象类型，但是它不具有很多对象的共性，所以很多资料将它归为单独一类数据类型null
*/
</script>