码迷,mamicode.com
首页 > Web开发 > 详细

js简单的获取与输出

时间:2018-07-26 21:21:01      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:输出内容   type   get   nbsp   获取   javascrip   石头   html   hang   

js获取标签内容和输出内容到页面

获取:

html: 

<select id="choiceSelect" onchange="changeImg()">
  <option value="1">石头</option>
   <option value="2">剪刀</option>
   <option value="3"></option>
</select>
<img src="img/1.png" id="img1">

js:

<script type="text/javascript">
        var n1 = 1;function changeImg(){
            var changeImg = document.getElementById("choiceSelect");
            n1 = changeImg.value;
            // alert(n1);
            document.getElementById("img1").src="img/"+n1+".png";
        }</script>

 

输出:

html: <p id = "finalresult"></p>

js: document.getElementById("finalresult").innerHTML = "输出的内容";

js简单的获取与输出

标签:输出内容   type   get   nbsp   获取   javascrip   石头   html   hang   

原文地址:https://www.cnblogs.com/makangning/p/9373948.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!