gpt4 book ai didi

javascript - html从id发送参数到函数

转载 作者:搜寻专家 更新时间:2023-11-01 05:30:57 24 4
gpt4 key购买 nike

我是一个绝对的初学者,并试图找到类似的问题,但找不到。如果之前已经回答过这个问题,我们深表歉意。在我的作业中,我们需要创建一个包含 2 个文本字段和 1 个按钮的表单。这些字段用于高度和宽度,想法是按钮上的 onclick 会将 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 中选择元素方法,然后读取它的值属性。

关于javascript - html从id发送参数到函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28782297/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com