请问div获取文本框的值

郑爽
  • 21

第一个input里面有只读的值,第二个文本框可以自己输入值。

现在我要点一下获取按钮后,自动把这两个文本框的值合并,然后写到一个div里。

请问js能做到吗,要最简单的办法。谢谢。

回复
阅读 152
2 个回答
✓ 已被采纳

demo

<div>
  <input type="text" readonly value='https://' id='input1'>
  <input type="text"  value='' id='input2' placeholder='请输入网站'>
  <button id='btn'>合并输出</button>
</div>

<div id="dom"></div>

js

document.getElementById("btn").onclick = function () {
  let input1 = document.getElementById("input1").value;
  let input2 = document.getElementById("input2").value;
  document.getElementById("dom").innerHTML = `你输入的网址是${input1}${input2}`;
};

这不是基本的dom操作么?

const val1 = document.querySelector('#input1').value;
const val2 = document.querySelector('#input2').value;
document.querySelector('#div').innerText = val1 + val2;
你知道吗?

宣传栏