JS和JQuery中如何獲取和修改控件顯示內容（如lable，div，h1)

http://blog.csdn.net/officercat/article/details/39936187

個人感覺非常實用所以轉載了

 

查了很多資料，發現有些不適用，不知道是不是和JS版本有關係。

這裏只討論那些顯示內容和"value"屬性無關的控件，其他比如<input>，<form>,<textarea>之類不考慮。

比如如下html代碼

<label id="name">officercat</label>

<label id="name">officercat</label>

 

網上大部分資料上, JS語法上可以用：

JS：

var label = document.getElementById("name");
var text = label.innerText;

var label = document.getElementById("name");
var text = label.innerText;

但這樣我試過並不行，雖然很多地方都這麼說的。

最終還是發現，和<div>控件一樣，對於非value屬性決定顯示文字的控件，用innerHTML管用：

JS

var text = label.innerHTML;

var text = label.innerHTML;

 

而jQuery語法則和網上搜的差不多：

var value=$("#name").html();

var value=$("#name").html(); 

 

$("#ID")是JQuery中用來獲得頁面控件示例的語句，ID就是控件的ID名稱。 對於以value屬性來顯示內容的控件，$("#ID").val()獲取其顯示內容，而其他情況則用$("#ID").html()

那麼如何修改label，div等控件的顯示內容呢

這樣就行了。

var label=document.getElementById("name");
label.innerHTML="XXXXXX"; //JS
$("#name").html("XXXXX"); //JQuery