如何将input框中输入内容显示在相应的div上-创新互联

js：原生DOM操作

var put1=document.getElementById("put");
 var div1=document.getElementById("div");
 put1.onkeyup=function(){
 div1.innerText=put1.value;
 }

指点迷津：

getElementById获取DOM节点，innerHTML:设置或者获取节点内部的所有HTML代码；

这里需要注意获取到input里面的节点内容需要获取value值。

这里使用的是innerHTML属性和value属性，注意与JQ中的方法区分

JQ操作：

$("#put").keyup(function(){
 $("#div").html($("#put").val())
 });

指点迷津：

jQuery("选择器").action ();通过选择器调用事件函数，但JQuery中，JQuery可以用$代替，即$("选择器").action();

   >>选择器可以直接使用CSS选择器，选中元素;

   >>.action表示对元素执行的操作;这里使用keyup（）事件操作，与JS的不同之处在于html（），val()这里均是方法，在JS中则是属性

AngularJs操作：

 
 请输入内容：