AX0101_4413 2021-07-14 21:01 采纳率: 95.7%
浏览 74
已采纳

js函数中用setAttribute创建的onchange属性所对应的函数无法赋予参数

下面是01.html文档的内容:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<p id="AX"></p>

<script>
    f("AX");
    function f(x){
        let a=document.createElement("input");
        a.setAttribute("type","file");
        a.setAttribute("onchange","g(x)");
        document.body.appendChild(a);
    }
    function g(x){
        document.getElementById(x).innerHTML="已上传";
    }
</script>

</body>
</html>

运行01.html,上传文件,我希望它出现“已上传”的字样,然而并没有出现。
如何才能让onchange对应的函数中使用原函数的参数?

  • 写回答

3条回答 默认 最新

  • CSDN专家-微编程 2021-07-14 22:26
    关注

    你应该这样写

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <p id="AX"></p>
    <script>
        f("AX");
        function f(x){
            let a=document.createElement("input");
            a.setAttribute("type","file");
            a.setAttribute("id","ca");
            document.body.appendChild(a);
        }
      document.getElementById("ca").onchange=function(){
            document.getElementById("AX").innerHTML="已上传";
    
    }
    </script>
    </body>
    </html>
    

    运行截图
    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    CSDN专家-微编程 2021-07-14 22:26

    如有帮助,记得采纳一下,谢谢^_^

    回复
    AX0101_4413 回复 CSDN专家-微编程 2021-07-14 23:29

    谢谢,采纳了

    回复
查看更多回答(2条)
编辑
预览

报告相同问题?

问题事件

  • 已采纳回答 7月14日
  • 创建了问题 7月14日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部