JS和JQuery中如何获取和修改控件显示内容(如lable,div,h1)
2017-03-26 09:06
676 查看
http://blog.csdn.net/officercat/article/details/39936187
个人感觉非常实用所以转载了
查了很多资料,发现有些不适用,不知道是不是和JS版本有关系。
这里只讨论那些显示内容和"value"属性无关的控件,其他比如<input>,<form>,<textarea>之类不考虑。
比如如下html代码
[html]
view plain
copy
print?
<label id="name">officercat</label>
网上大部分资料上, JS语法上可以用:
JS:
[javascript]
view plain
copy
print?
var label = document.getElementById("name");
var text = label.innerText;
但这样我试过并不行,虽然很多地方都这么说的。
最终还是发现,和<div>控件一样,对于非value属性决定显示文字的控件,用innerHTML管用:
JS
[javascript]
view plain
copy
print?
var text = label.innerHTML;
而jQuery语法则和网上搜的差不多:
[javascript]
view plain
copy
print?
var value=$("#name").html();
$("#ID")是JQuery中用来获得页面控件示例的语句,ID就是控件的ID名称。 对于以value属性来显示内容的控件,$("#ID").val()获取其显示内容,而其他情况则用$("#ID").html()
那么如何修改label,div等控件的显示内容呢
这样就行了。
[javascript]
view plain
copy
print?
var label=document.getElementById("name");
label.innerHTML="XXXXXX"; //JS
$("#name").html("XXXXX"); //JQuery
个人感觉非常实用所以转载了
查了很多资料,发现有些不适用,不知道是不是和JS版本有关系。
这里只讨论那些显示内容和"value"属性无关的控件,其他比如<input>,<form>,<textarea>之类不考虑。
比如如下html代码
[html]
view plain
copy
print?
<label id="name">officercat</label>
<label id="name">officercat</label>
网上大部分资料上, JS语法上可以用:
JS:
[javascript]
view plain
copy
print?
var label = document.getElementById("name");
var text = label.innerText;
var label = document.getElementById("name"); var text = label.innerText;
但这样我试过并不行,虽然很多地方都这么说的。
最终还是发现,和<div>控件一样,对于非value属性决定显示文字的控件,用innerHTML管用:
JS
[javascript]
view plain
copy
print?
var text = label.innerHTML;
var text = label.innerHTML;
而jQuery语法则和网上搜的差不多:
[javascript]
view plain
copy
print?
var value=$("#name").html();
var value=$("#name").html();
$("#ID")是JQuery中用来获得页面控件示例的语句,ID就是控件的ID名称。 对于以value属性来显示内容的控件,$("#ID").val()获取其显示内容,而其他情况则用$("#ID").html()
那么如何修改label,div等控件的显示内容呢
这样就行了。
[javascript]
view plain
copy
print?
var label=document.getElementById("name");
label.innerHTML="XXXXXX"; //JS
$("#name").html("XXXXX"); //JQuery
相关文章推荐
- JS和JQuery中如何获取和修改控件显示内容(如lable,div,h1)
- 如何在代码中获取控件大小,修改控件显示大小
- jquery如何获取<div></div>之间的内容
- 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
- jQuery如何动态获取其他div中的内容
- asp.net C#用JavaScript获取JS显示得到TextBox文本框控件text值内容
- JS+jquery 计算服务器控件textbox的值并显示在lable上
- 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- js分页显示div的内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容