JavaScript中的基础数据类型和获取元素的方式

1.对象数据类型和数组类型

对象数据类型可以视作一组数据的集合

格式：变量={“子变量”：值1，“子变量”：值2，…}

var ob={
            "0":"kiva",
            "1":"w",
            "2":{
                "0":"ooo",
                "1":"嗯嗯"
            }
        }
//引用：ob["0"],ob["1"]若对象中嵌套的有对象访问时用ob["2"]["0"]来访问//

数组类型

数组数据类型也是一组数据的集合，从逻辑和形式上讲和object几乎一致，arry的子变量或者属性都是由自然数012345所表示的数。

格式：变量=[值1，值2，值3…]

<script>
        var x='';
        var y="7";
        var ob={
            "0":"kiva",
            "1":"w",
            "2":{
                "0":"ooo",
                "1":"嗯嗯"
            }
        }
        var ar=["hello","kkk",["dada","222"]];
    </script>

2.number类型（数字类型）和string类型

number类型包括整数和浮点数值。

整数：-∞0123-1-2等

浮点数：可以理解为小数。

string类型：是由0或者多个字符组成的字符序列，即字符串

字符串可以由’'或者""包裹起来,两种作用相同，只是写法上不同。

undefined 是未定义类型而null表示赋值为空值

3.获取元素的方式

<script>
        var con=document.getElementById("con");
        var content=document.getElementsByClassName("content");
        var content1=content[0];
        var y=document.getElementsByTagName("style");//getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
        var x=document.querySelector(".nav")//返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。 如果找不到匹配项，则返回null。
        var z=document.querySelectorAll(".nav");
</script>

document.getElementsByClassName()方法返回文档中所有指定类名的元素集合

var content1=content[0];这里是返回类名content中第一个标签代码

var y=document.getElementsByTagName(“style”);//getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
var x=document.querySelector(".nav")//返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。如果找不到匹配项，则返回null。

var z=document.querySelectorAll(".nav");这里返回的是所有指定选择器。

元素自有属性

class名称属性：

修改class名称：ob.className=”xxxx“；

内容属性

ob.innerText=“字符串”；

设置一个元素内部的文字内容，若元素内容中本身存在一些字符内容，那么原来的内容会被替换成js代码所设置的，

即便字符串内部存在一些元素标签，这些元素标签也会被当做字符串显示再网页上。

ob.innerHTML=“字符串”；

设置一个元素内部的HTML代码

设置一个元素内部的文字内容，若元素内容中本身存在一些字符内容，那么原来的内容会被替换成js代码所设置的，

即便字符串内部存在一些元素标签，这些元素标签也会被当做字符串显示再网页上。

通用获取方法：

即便是同一属性，在不同的元素下同样的方式不一定能得到相同的结果，所以ob.属性方式并不能得所有我们需要的元素属性的值这个时候我们引进一个新的方法

ob.getAttribute(“属性名称”)；

通用元素删除方法：

主要用来删除元素的属性，比如表单元素默认被选中，默认禁用这样的功能就是用一个属性来实现的。

ob.removeAttribute(“属性名称”);