在javascript中如何实现单击按钮将文本框中输入的内容显示在页面上?

JavaScript013

在javascript中如何实现单击按钮将文本框中输入的内容显示在页面上?,第1张

文本框内容显示在指定地方:就是一个dom内容转移的操作,使用Jquery获取原生js都很好实现,配合具体js事件实现。具体操作如下:

//假定文本框的id='mytext',指定显示区域的id='show' 

//div/span/p等节点,不是文本元素

function fun(){

     getEle('show').innerHTML =getEle('mytext').value

}

function getEle(id){

    return document.getElementById(id)

}  <!--button click 触发-->

<input type='text' id='mytext'/>

<input type='button' onclick='fun()' value="button"/>

 <!--input onblur 触发-->

 <input type='text' id='mytext' onblur="fun()"/>

<INPUT TYPE="button" onclick="show()" value="提交"><br><span id="buttonMsg"></span>

<script type="text/javascript">

function show()

{

document.getElementById("buttonMsg").innerHTML = "在旁边写出点文字"

}

</script>

<span id="a">aaaaaaaa</span>

<input type="submit" name="aa" onMouseOver="show()" value="鼠标移动到此">

<script>

function show()

{

a.innerHTML="bbbbbbbbbbbb"

}

</script>

简写

<span id="a">aaaaaaa</span>

<input type="submit" name="aa" onMouseOver="a.innerHTML='bbbbbbbbbbbb'" value="鼠标移动到此">