javascript获取元素属性的值 javascript中如何获取元素?

转载

mob64ca140f9cec 2024-07-04 23:41:28

文章标签 javascript获取元素属性的值 javascript js java 字符串 文章分类 JavaScript 前端开发

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");这里返回的是所有指定选择器。