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()函數