JS和JQuery中如何获取和修改控件显示内容（如lable，div，h1)

http://blog.youkuaiyun.com/officercat/article/details/39936187

个人感觉非常实用所以转载了

 

查了很多资料，发现有些不适用，不知道是不是和JS版本有关系。

这里只讨论那些显示内容和"value"属性无关的控件，其他比如<input>，<form>,<textarea>之类不考虑。

比如如下html代码

[html] view plain copy print ?

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

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

 

网上大部分资料上, JS语法上可以用：

JS：

[javascript] view plain copy print ?

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

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

但这样我试过并不行，虽然很多地方都这么说的。

最终还是发现，和<div>控件一样，对于非value属性决定显示文字的控件，用innerHTML管用：

JS

[javascript] view plain copy print ?

1. var text = label.innerHTML;  

var text = label.innerHTML;

 

而jQuery语法则和网上搜的差不多：

[javascript] view plain copy print ?

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

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

 

$("#ID")是JQuery中用来获得页面控件示例的语句，ID就是控件的ID名称。 对于以value属性来显示内容的控件，$("#ID").val()获取其显示内容，而其他情况则用$("#ID").html()

那么如何修改label，div等控件的显示内容呢

这样就行了。

[javascript] view plain copy print ?

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