js 中onclick 事件点击后指向自己的对象,查找或者添加属性用关键字this 传入参数 (可以改变原标签css)...

最新推荐文章于 2021-07-14 17:44:14 发布

weixin_30933531

最新推荐文章于 2021-07-14 17:44:14 发布

阅读量521

点赞数

原文链接：http://www.cnblogs.com/laoguiaabb/p/8027762.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .div1{
            color: #0000cc;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div>
        <div οnclick="func(this)"  name="book1">hello 1</div>
        <div οnclick="func(this)"  name="book2">hello 2</div>
        <div οnclick="func(this)"  name="book3">hello 3</div>
        <div οnclick="func(this)"  name="book4">hello 4</div>
    </div>
<script>                                                              //onclick 绑定的函数 传参数 关键字this
    function func(a) {                                                //  点击后直接获取本点击对象
        alert(a.getAttribute("name"));                                // 只能用getattribute 可以获得对象中的各种属性 name
        alert(a.innerHTML);                                            // 获取文本内容

        a.setAttribute("class","div1")                                 // 同样也可以给点击事件的对象 加入属性 class="div1"
    }                                                                   // div1 原来并没有加入 点击后 改变了字体大小颜色
</script>
</body>
</html>

转载于:https://www.cnblogs.com/laoguiaabb/p/8027762.html

weixin_30933531

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 中onclick 事件点击后指向自己的对象,查找或者添加属性用关键字this 传入参数 (可以改变原标签css)...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{ color: #0000cc; fo...
复制链接

扫一扫