JavaScript学习记录

最新推荐文章于 2024-03-30 14:55:53 发布

就爱瞎逛

最新推荐文章于 2024-03-30 14:55:53 发布

阅读量107

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_40836227/article/details/102309354

版权

前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

1.var的作用域问题

2.获取<\li\>中的文本

3. getAttribute()和getElementsByName()

1.var的作用域问题

https://blog.csdn.net/weixin_40836227/article/details/103418636

2.获取<\li\>中的文本

document.getElementsByTagName的参数要加引号
用innerText属性

<!DOCTYPE html>
<html>
<head>
    <title>InnerText Example</title>
</head>
<body>
    <div id="content">
        <p>This is a <strong>paragraph</strong> with a list following it.</p>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
        </ul>
    </div>

    <input type="button" value="Get InnerText" onclick="getInnerText()">

    <script type="text/javascript">
        function getInnerText(){
            let lists = document.getElementsByTagName('li');
            alert(lists.length);//3
            for(let i = 0; i < lists.length; i++){
                alert(lists[i].innerText);
            } 
        }

    </script>
</body>
</html>

效果：

3. getAttribute()和getElementsByName()

做练习的时候对这两个混淆了。记录一下

getElementsByName(name属性的值)：得到满足条件的一组元素（比如可以用作复选框）

getAttribute(属性名)：得到该属性名的值

4.事件委托

js中的事件委托或是事件代理详解

5.去抖动（Debounce）和节流（Throttle）

https://blog.csdn.net/weixin_40836227/article/details/103418775 里面有自己的一点笔记

6.数组的sort()

let str = 'retgndfvkd'
Array.from(str).sort().join("")//"ddefgknrtv"

Array.from(str).sort((a,b)=>a-b).join("")// 不起作用"retgndfvkd"

Array.from(str).sort((a,b)=>{
    if(a<b)return 1;
    else if(a>b)return -1;
    else return 0;
}).join("")//"ddefgknrtv"

这个博客里有对数组对象的排序，数组对象指[ {...}, {...}, {...}...]

就爱瞎逛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习记录

目录1.var的作用域问题2.获取<\li\>中的文本3. getAttribute()和getElementsByName()1.var的作用域问题https://blog.csdn.net/weixin_40836227/article/details/1034186362.获取<\li\>中的文本document.getElementsBy...
复制链接

扫一扫