JavaScript对象：Array对象、String对象、自定义对象、Bom、Dom

最新推荐文章于 2024-11-01 14:48:20 发布

小高同学ooo

最新推荐文章于 2024-11-01 14:48:20 发布

阅读量46

点赞数

分类专栏： Javaweb 文章标签： mybatis java Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_58657334/article/details/129346393

版权

Javaweb 专栏收录该内容

65 篇文章 0 订阅

订阅专栏

jsp数组相当于Java中的集合，变长变类型

Array对象属性和方法：

String字符串对象：

trim（）：去除字符串前后两端的空白字符

setTimeout（function,毫秒值）:在一定时间的间隔后执行一个function，只执行一次

setInterval（function,毫秒值）：在一定的时间间隔后执行一个function，循环执行

Dom：

获取Element对象：

<body>
<img id="light" src="../imgs/off.gif"> <br>

<div class="cls">传智教育</div>   <br>
<div class="cls">黑马程序员</div> <br>

<input type="checkbox" name="hobby"> 电影
<input type="checkbox" name="hobby"> 旅游
<input type="checkbox" name="hobby"> 游戏
<br>

<script>
    //1. getElementById：根据id属性值获取，返回一个Element对象
    var img = document.getElementById("light");
    // alert(img);
    img.src = "../imgs/on.gif";

    //2. getElementsByTagName：根据标签名称获取，返回Element对象数组
    var divs = document.getElementsByTagName("div");
    /*
        style:设置元素css样式
        innerHTML：设置元素内容
    */

    for (let i = 0; i < divs.length; i++) {
        //divs[i].style.color = 'red';
        divs[i].innerHTML = "呵呵";
    }

    //3. getElementsByName：根据name属性值获取，返回Element对象数组
    var hobbys = document.getElementsByName("hobby");
    for (let i = 0; i < hobbys.length; i++) {
        //alert(hobbys[i]);
        hobbys[i].checked = true;
    }

    //4. getElementsByClassName：根据class属性值获取，返回Element对象数组

    var clss = document.getElementsByClassName("cls");
    /*for (let i = 0; i < clss.length; i++) {
        alert(clss[i]);

    }*/



</script>
</body>

常见Html Element对象的使用：

更多对象请看w3school官网：https://www.w3school.com.cn/