js控制文本显示

JavaScript019

js控制文本显示,第1张

<span id="infoMsg"></span>

<input type=button value="你的热键按钮" onclick="changeMsg(1)"/>

<input type=button value="你的热键按钮" onclick="changeMsg(2)"/>

<input type=button value="你的热键按钮" onclick="changeMsg(3)"/>

<script>

  

  function changeMsg(value){ //具体参数 你按你的需求来定

     var Msg=""

     if(value==1){

        Msg="<font color='red'>这事1的相应信息 </font>" //相应信息 可以 将你的那些 HTML 放进去

     }

     if(value==2){

        Msg="<font color='red'>这是2的相应信息</font>"

     }

     if(value==3){

        Msg="<font color='red'>这是3的相应信息</font>"

     }

    document.all.infoMsg.innerHTML=Msg //给SPAN 赋值

  }

</script>

innerHTML表示网页元素内部的内容（包括HT标签），因此可以用来获得<p></p>之间的文字内容。核心代码：

text = document.getElementById(some_id).innerHTML

alert(text)

实例演示如下:

1、Html元素

<p id="pid">我是段落文字</p>

2、javascript代码

alert(document.getElementById("pid").innerTEXT)

3、观察效果

想直接通过value赋值的好像只有<input type="text" id="input1" />，在js中可以用document.getElementById('input1').value="value"

其他的

<label></label><div>

用document.getElementById('input1').innerHTML="value"