设置元素的属性：使用./[]/setAttribute方法

最新推荐文章于 2024-07-22 22:37:58 发布

pinkowonote

最新推荐文章于 2024-07-22 22:37:58 发布

阅读量363

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/pinkowonote/article/details/107752188

版权

Javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!-- 设置元素的属性：使用./[]/setAttribute方法 
点击按钮，将text里的值变换为其他值
1. 获取按钮和文本框
2. 按钮添加onclick事件，当点击时，文本框的value值变为其他-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function () {
            var otxt = document.getElementById("txt");
            var obtn = document.getElementById("btn");

            obtn.onclick = function () {
                // otxt.value = "asnkflalk";
                // otxt["value"] = "asnkflalk";
                otxt.setAttribute("value", "asnkflalk");
            }
        }
    </script>
</head>

<body>
    <input type="text" id="txt">
    <input type="button" value="按钮" id="btn">
</body>

</html>