编程语言
首页 > 编程语言> > javascript – html从id发送参数

javascript – html从id发送参数

作者：互联网

我是一个绝对的初学者,并试图找到类似的问题,但不能.如果以前已经回答过,请道歉.
在我的作业中,我们需要创建一个包含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