11.21 javascript函数

最新推荐文章于 2025-11-26 17:11:00 发布

最新推荐文章于 2025-11-26 17:11:00 发布 · 90 阅读

文章标签：

#javascript #函数 #ViewUI

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，该脚本能够从多个输入框中收集数据，并将其显示在一个指定的输出区域。通过使用函数来处理元素值的获取及内容拼接，实现了数据的动态展示。


<script type="text/javascript">
    function elementValue(ele){
        return ele.value;
   }

    function elementInnerHTML(ele){
        return ele.innerHTML;
   }

    function concatAll(nodes,content){
        var result='';
        for(var i=0;i<nodes.length;i++){
            result=result+content(nodes[i]);
        }
        return result;
   }

   function fill(){
        var nodes=document.getElementById("input");
        var result=concatAll(nodes,elementValue);
        var out=document.getElementById("out");
        out.innerHTML=result;
   }
</script>
<body>
   <button onclick="fill()">按钮</button>
   <input type="text">
   <input type="text">
   <input type="text">
   <div id="out">
</body>