9.11

最新推荐文章于 2024-07-25 11:52:08 发布

pyqnh

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量102

点赞数

文章标签： html

本文链接：https://blog.csdn.net/jjj53/article/details/100768945

版权

熟悉了挺多的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Object</title>
    <script>
        // var name = '潘俊龙';
        // var age = 18;
        // var height = 180;
        // var weight = 80;
        // function say(){
        //     console.log('我很帅');
        // }
        // 对象的声明(一系列属性和方法的集合)
        // this是调用当前方法的对象
        var obj = {
            name:'潘',
            age:18,
            height:180,
            say:function(){
                console.log(this.name)
            }
        };
        // 对象的访问
        console.log(obj.name);
        console.log(obj['name']);
        obj.say();
        // 添加属性或方法
        obj.weight = 80;
        // 修改
        obj.name = '潘帅帅';
        console.log(obj);
        // 删除属性
        delete obj.name;
        // 遍历(for in 循环)
        for(var item in obj){
            if(typeof obj[item] !== "function"){
                document.write(obj[item]+'<br>');
            }
        }
        // var obj = new Object();
        
    </script>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>节点操作</title>
</head>
<body>
    <input id="msg" type="text">
    <ul id="list">
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <script>
        // 1、先获取要操作的标签
        var inp = document.getElementById('msg');
        var list = document.getElementById('list');
        // 2、给input绑定键盘事件
        // 键盘事件：onkeydown   onkeyup
        inp.onkeydown = function(e){
            // 判断是否是回车键
            if(e.keyCode===13){
                // 创建一个li标签
                var li = document.createElement('li');
                // 给li里赋值成input框输入的内容
                li.innerHTML = inp.value;
                // 添加到指定的元素里
                list.appendChild(li);
                li.onclick = function(){
                    list.removeChild(this);
                }
                inp.value = '';
                // ul中添加一个li标签
                // list.innerHTML += '<li>'+inp.value+'</li>';
            }
        }
        // 先获取li
        var lis = list.children;
        // 给li绑定点击事件
        for(var i=0;i<lis.length;i++){
            lis[i].onclick = function(){
                list.removeChild(this);
            }
        }
    </script>
</body>
</html>

今天学写了一点

pyqnh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
9.11

熟悉了挺多的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Object</title> <script> // var name = '潘俊龙'; // var a...
复制链接

扫一扫