如何将innerhtml值用作用户输入

Question

我正在尝试将innerElement设置为用户输入的值，但它给我错误。 代码如上，请帮助

*****代码*****

var abc= document.getElementById("searchbar").innerHTML = "Singapore Polytechnic"; --instead of Singapore Polytechnic I want it to be some values that was entered by the users.--

      document.getElementById("searchbar").contentEditable = "true";

      var test = abc;

Answer 1

请尝试以下操作：

 function changeVal(ele){ document.getElementById("searchbar").innerHTML = ele.value; } 

 <p id="searchbar">Test</p> <input value="Hit enter to change value" id="val" onchange="changeVal(this)"> 

Answer 2

我没有计划要问的问题是什么，但也许您正在寻找...

var foo = document.getElementById('id_of_input_field').value; // get
document.getElementById('id_of_input_field').value = 'value to set'; // set

Answer 3

我想这就是你要找的

码

<input value="variable" id="val" onchange="changeVal(this)">

TS

onchange(this){
    let var  = event.target.getElementsByTagName('input').value;
}