javascript – html从id发送参数

2019-05-28 14:25:58 阅读：164 来源： 互联网

标签：javascript html function-parameter

我是一个绝对的初学者,并试图找到类似的问题,但不能.如果以前已经回答过,请道歉.
在我的作业中,我们需要创建一个包含2个文本字段和1个按钮的表单.这些字段用于高度和宽度,并且想法是单击该按钮会将2个参数发送到将更改照片的高度宽度属性的函数.我知道我做错了,因为画面消失了.想法？谢谢！

<html>
    <head>
        <script>

            function borderResize(height1, width1)
            {
                document.getElementById('Amos').height = height1;
                document.getElementById('Amos').width = width1;
            }
        </script>

    </head>

    <body>

        <img src="Amos.jpg" id="Amos" />
        <form>
            <input type="text" id="height" placeholder="Height" />
            <input type="text" id="width" placeholder="Width" />
            <input type="button" value="click!" onclick="borderResize('height.value', 'width.value')"/>
        </form>
    </body>
</html>

解决方法:

当你写作

onclick="borderResize('height.value', 'width.value')"

in表示在单击borderResize函数时将使用两个字符串参数调用,字面意思是字符串“height.value”和“width.value”.在你的情况下你想要这样的东西

onclick="borderResize(document.getElementById('height').value, document.getElementById('width').value)"

在上面的例子中,您使用getElementById方法从DOM中选择元素,然后读取其value属性.

标签：javascript,html,function-parameter
来源： https://codeday.me/bug/20190528/1171328.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – html从id发送参数