event.target.tagName怎么用?没搞清楚,还是混沌的

news/2024/7/19 15:34:57 标签: js

如果是div,而不是input,则会变成DIV

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #main {
                width: 200px;
                height: 100px;
                background: pink;
                color: #fff;
            }
        </style>
        <script type="text/javascript">
            window.onload = function() {
                document.getElementById("main").onclick = function(e) {
                    console.log(e.target);//<div id="main" class="sb js node"><span>测试文字</span></div>
                    console.log(e.target.id);//main
                    console.log(e.target.tagName);//DIV
                    console.log(e.target.nodeName);//DIV
                    console.log(e.target.classList);// ["sb", "js", "node", value: "sb js node"]
                    console.log(e.target.className);//sb js node
                    console.log(e.target.innerHTML);//<span>测试文字</span>
                    console.log(e.target.innerText);//测试文字
                }
            }
        </script>
    </head>

    <body>
        <div id="main" class="sb js node"><span>测试文字</span></div>
    </body>

</html>

这个也显示不出来DIV啊?要怎么弄

vue3,一定要有new vue
vue.
methods之类的


http://www.niftyadmin.cn/n/957881.html

相关文章

过滤器(Filter)和拦截器(Interceptor)的区别

来自&#xff1a;http://www.cnblogs.com/luoyun/archive/2013/01/04/2844274.html 过滤器(Filter)和拦截器(Interceptor)的区别 Filter介绍 Filter可以认为是Servlet的一种“加强版”&#xff0c;它主要用于对用户请求进行预处理&#xff0c;也可以对HttpServletResponse进行…

不知道这段为什么有bug

const Person2 {name: little bear,sayHello: () > {SetTimeout(() > {console.log(我叫’this.name我今年this.age岁)}, 1000);} }; Person2.sayHello();

@Validated和@Valid区别:Spring validation验证框架对入参实体进行嵌套验证必须在相应属性(字段)加上@Valid而不是@Validated

Spring validation 嵌套查询 Validated 用在方法上 Valid 用在被嵌套的属性上. Spring Validation验证框架对参数的验证机制提供了Validated&#xff08;Springs JSR-303规范&#xff0c;是标准JSR-303的一个变种&#xff09;&#xff0c;javax提供了Valid&#xff08;标准JSR…

组合代码,把div和vue代码拼起来在浏览器中显示

第一次思考&#xff1a; 是不是没有引用vue <html><head><title>问问</title></head><body><div id"event-with-method"><!-- greet 是在下面定义的方法名 --><button click"greet">Greet</but…

mysqldumpslow不是内部或外部命令,也不是可运行的程序,mysql慢查询日志工具

window系统&#xff0c;mysql版本&#xff1a;5.7.14。 使用mysqldumpslow命令分析日志时&#xff0c;报错&#xff1a;mysqldumpslow不是内部或外部命令&#xff0c;也不是可运行的程序。 查看目录下&#xff0c;没有mysqldumpslow.exe文件&#xff0c;有一个mysqldumpslow.…

git合并分支上的多条commit为一条commit到master,合并多条commint.合并多条提交

git合并分支上的commit为一条commit到master 标签&#xff1a; git 缘由&#xff1f; 有一次被人问到怎么把一个分支的所有commit按一个commit合并到主分支上&#xff0c;当时一脸蒙B&#xff0c;平时开发都是直接merge,很少考虑到这种问题&#xff0c;于是特意搜索了相关资料…

CompletableFuture实现异步获取结果并且等待所有异步任务完成

对于的使用可以参照这篇文章&#xff1a;https://blog.csdn.net/jianjun200607/article/details/83996833 下面主要用代码的方式描述下通过CompletableFuture实现异步获取结果并且等待所有异步任务完成&#xff1a; /** * CompletableFuture的AllOf功能测试&#xff0c;等待…

数据驱动的图像分类方式:K最近邻与线性分类器

最邻近规则分类器KNN 简单描述&#xff1a;首先在n个数据集中指定m个分类&#xff0c;这是学习过程。在使用中&#xff0c;对于新输入的数据&#xff0c;计算其k范围内&#xff0c;或者最邻近的k个点&#xff0c;根据多数表决规则&#xff0c;决定其属于m分类中的哪个分类。 …