通过js获得html标签的值

js获取html元素的值并赋值

  1）、input文本框

　　<input type="text" value="时间" placeholder="姓名" id="input"><br>我的名字

　　var t = document.getElementById("input");
   var tValue = t.value;//得到文本框的值value 没有括号
   t.value = "张三";//文本框的内容变为张三   
　　alert(tValue); //结果是：我的名字

   //alert($("#input").val());//jquery 得到input输入框的值

  2) 下拉列表
    <select name="city" id="city" οnchange="look()">

   <option value="bj">北京</option>
   <option value="sh" selected>上海</option>
   <option value="gz">广州</option>
   <option value="sz">深圳</option>
</select>

   function look(){

      var city = document.getElementById("city");
      var cityValue = city.value; //得到的是sh，而不是上海

      //若想得到上海
      var options = document.getElementsByTagName("option");
      for(var i = 0; i < options.length; i++){
         if(options[i].selected){
            t.value = options[i].text; // 将选中的值放在input输入框中
            alert(options[i].text); //得到上海
            alert($(options[i]).text())
         }
      }

   }

3） 获得p、span、textarea、strong、a、h1-h6标签的值 都用innerHtml
jquery用text();

<p id="p">js获得p标签的值</p>
<span id="span">获得span标签的值</span>
<textarea id="textarea">textarea获得textarea标签的值</textarea>
<h1 id="h1">h1标签</h1>
<a href="http://baidu.com" id="a">百度</a>
<strong id="strong">strong标签</strong>

//var p = document.getElementsByTagName("p")[0].innerHTML; //得不到p的内容
   var p = document.getElementById("p");
   alert(p.innerHTML); //j获得p标签的值
   var span = document.getElementById("span");
   alert(span.innerHTML);
   var textarea = document.getElementById("textarea");
   alert(textarea.innerHTML);
   var strong = document.getElementById("strong");
   alert(strong.innerHTML);
   var a = document.getElementsByTagName("a");
   var a = document.getElementById("a");
   alert(a.innerHTML);
   var h1 = document.getElementById("h1");
   alert(h1.innerHTML);

转载于:https://www.cnblogs.com/sllzhj/p/5764533.html