javascript获取html标签值

原创 2012年03月27日 09:34:48

 虽然现在jquery当道,但是知道一些javascript还是有好处的(自言自语)。。

(1)获取或设置文本框的值

document.getElementById("文本框ID").value;

document.getElementByName("文本框name").value;

(2)获取或设置div的值

document.getElementById("div的id").innerHTML;  获取或设置 html形式的值

document.getElementByName("div的name).innerTEXT;获取或设置 纯文本形式的值

(3)获取checkbox的值

function 'chkSelect()
{
        var a= document.getElementsByName("chk");
        var s=[];
        for(var i=0;i<a.length;i++)
        {
           if(a[i].type=="checkbox"&&a[i].checked)
           {
              s[s.length]=a[i].value;
           }
        }
        alert(s);
}

 <input name= "chk" type= "checkbox" id= "chk" value= "1">
 <input name= "chk" type= "checkbox" id= "chk" value= "2">
 <input name= "chk" type= "checkbox" id= "chk" value= "3">
 <input name= "chk" type= "checkbox" id= "chk" value= "4">
 <button name= "Submit" value= "提交" onclick='chkSelect()'>提交</button>

(4)获取下拉列表框的值

<script type="text/javascript">  
function show(value){  
     document.getElementById("showChoise").innerHTML=value;  
}  
</script>  

 <select name="select" onchange="show(this.options[this.options.selectedIndex].value);">  
     <option value="aa">aa</option>   

     <option value="bb">bb</option>   
</select>  

<div id="showChoise"></div>  

(5)获取radiobutton的值

<input type="radio" value="1" name="define" >
<input type="radio" name="define" value="0" checked >
<input onclick="get()" type=button value=get>
<script>
function get()
{
for(var i=0;i<document.f.define.length;i++)
if(document.f.define[i].checked)

alert(document.f.define[i].value)
}
</script>

以上为一些常用获取值的方式,都是些初级的东西可怜

js获取html的span标签的值

方法一:.innerText [javascript] view plain copy   var x1 = document.getElementB...

jQuery获取各种html标签的值

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加...

用JavaScript修改HTML标签属性

HTML DOM 对象 从 JavaScript 的观点来看,网页上的每个 HTML 标签都是一个 DOM 对象,标签的属性也是 DOM 对象的属性。如: 从 JavaScript 的观点来...
  • koches
  • koches
  • 2012年05月28日 08:27
  • 7443

用JavaScript修改HTML标签属性

HTML DOM 对象 从 JavaScript 的观点来看,网页上的每个 HTML 标签都是一个 DOM 对象,标签的属性也是 DOM 对象的属性。如: 从 JavaScr...

javascript小方法之数组去重、数字转成逗号分隔、html元素去标签

一、数组去重 javascript数组去重,首先介绍一种时间复杂度比较高的方法,先给这个数组排序,之后再遍历数组,当遇到重复的元素时跳过即可。这个方法耗时的地方在对数组排序。 下面介绍一种方法:f...

JavaScript--html标签注意事项回顾大总结

1.height:auto和height:100%的区别?auto是自适应,是随内容的高度而撑开的。100%是根据父级元素的高度来决定的 这个容器的高度是随里面的内容的高度而定 这个容器的高度...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript获取html标签值
举报原因:
原因补充:

(最多只允许输入30个字)