要从两个输入中获取一个值,并在页面中写入innerHTML,可以通过以下步骤实现:
<input>
标签,并为每个输入框设置一个唯一的id属性,例如:<input type="text" id="input1">
<input type="text" id="input2">
document.getElementById()
方法获取输入框的引用,然后使用.value
属性获取输入框的值,例如:var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;
document.getElementById()
方法获取要写入的元素的引用,然后使用.innerHTML
属性将值写入元素,例如:document.getElementById("result").innerHTML = finalValue;
其中,"result"是要写入的元素的id。
完整的示例代码如下:
<!DOCTYPE html>
<html>
<head>
<title>获取输入值并写入页面</title>
</head>
<body>
<input type="text" id="input1">
<input type="text" id="input2">
<button onclick="getValueAndWrite()">获取值并写入</button>
<div id="result"></div>
<script>
function getValueAndWrite() {
var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;
var finalValue = input1 + input2; // 示例:将两个输入框的值进行字符串拼接
document.getElementById("result").innerHTML = finalValue;
}
</script>
</body>
</html>
这样,当用户在两个输入框中输入值后,点击按钮,页面上的<div>
元素中就会显示拼接后的值。
腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅为示例,具体产品选择应根据实际需求和情况进行评估。
领取专属 10元无门槛券
手把手带您无忧上云