通过js获得html标签的值

js获取html元素的值并赋值

1）、input文本框

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

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

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

2)下拉列表
<selectname="city"id="city"onchange="look()">

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

functionlook(){

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

//若想得到上海
varoptions=document.getElementsByTagName("option");
for(vari=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();

<pid="p">js获得p标签的值</p>
<spanid="span">获得span标签的值</span>
<textareaid="textarea">textarea获得textarea标签的值</textarea>
<h1id="h1">h1标签</h1>
<ahref="http://baidu.com"id="a">百度</a>
<strongid="strong">strong标签</strong>

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