JS小例子

最新推荐文章于 2020-08-20 19:15:35 发布

陈广晗-Clare

最新推荐文章于 2020-08-20 19:15:35 发布

阅读量163

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/chenguanghan123/article/details/88774895

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

排他功能

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <input type="button" value="你是谁" />
    <input type="button" value="你是谁" />
    <input type="button" value="你是谁" />
    <input type="button" value="你是谁" />
    <input type="button" value="你是谁" />
    <script>
        //注册按钮点击事件
        var btnObjs = document.getElementsByTagName("input");
        //遍历每个按钮的点击事件
        for (var i = 0; i < btnObjs.length; i++) {
            btnObjs[i].onclick = function () {
                //将每一个按钮的value值都设置为“你是谁”
                for (var j = 0; j < btnObjs.length; j++) {
                    btnObjs[j].value ="你是谁"
                }
                //将点击按钮的value值设为“不知道”
                this.value="不知道"
            }
        }
    </script>

</body>
</html>

按钮选择菜单

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="JavaScript.js"></script>
</head>
<body>
    <input type="button" value="点菜" id="btn"/>
    <select>
        <option value="1">油炸臭豆腐</option>
        <option value="2">油炸榴莲</option>
        <option value="3">清蒸狗康</option>
        <option value="4" id="op1">爆炒狗兵</option>
        <option value="5">红烧狗类</option>
    </select>
    <script>
        my$("btn").onclick = function () {
            my$("op1").selected = true;
        };
    </script>
</body>
</html>

修改标签和文字

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <input type="button" value="点击修改" id="btn" />
    <a id="ak" href="https://home.firefoxchina.cn/">content</a>
    <script>
        document.getElementById("btn").onclick = function () {
            var aObj = document.getElementById("ak")
            aObj.href = "http://www.itcast.cn";
            aObj.innerText="传智播客"
        }
    </script>
</body>
</html>

陈广晗-Clare

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
19
评论
JS小例子

排他功能<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body> <input type="button" value="你是谁" /> &...
复制链接

扫一扫

专栏目录