JS和JQuery操作浏览器对象

• 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()函数