- JS操作对象属性
通过JS代码,依次获取input控件,设置该控件的value属性值,并获取该属性值
<input type='text' id='txt' name='txt' value='' />
<div id='idiv' name='idiv'>mydiv</div>
1.获取对象(这里获取的是HTML DOM对象)
var obj_txt = document.getElementById("txt");
var obj_div = document.getElementById("idiv");
2.设置DOM对象的属性值
obj_txt.setAttribute('value','colin');
obj_txt.value = 'colin'; //如果仅设置控件value值,可通过value属性
obj_div.innerHTML = 'your_div'; //设置控件innerHTML值,可通过innerHTML属性
3.获取DOM对象的属性值
obj_txt.getAttribute('value');
obj_txt.value; //如果仅获取控件value值,可通过value属性
obj_div.innerHTML; //获取控件innerHTML值,可通过innerHTML属性
- JQuery操作对象属性
通过JS代码,依次获取input控件,设置该控件的value属性值,并获取该属性值
<input type='text' id='txt' name='txt' value='' />
<div id='idiv' name='idiv'>mydiv</div>
1.获取对象(这里获取的是JQuery对象)
var obj_txt = $('#txt');
var obj_div = $('#idiv');
2.设置JQuery对象的属性值
obj_txt.attr('value','colin');
obj_txt.val('colin'); //如果仅设置控件value值,可通过val(value)函数
obj_div.html('your_div'); //设置控件innerHTML值,可通过html(value)函数
3.获取JQuery对象的属性值
obj_txt.attr('value');
obj_txt.val(); //如果仅获取控件value值,可通过val()函数
obj_div.html(); //获取控件innerHTML值,可通过html()函数