JS和JQuery中如何获取和修改控件显示内容(如lable,div,h1)
16lz
2021-01-22
查了很多资料,发现有些不适用,不知道是不是和JS版本有关系。
这里只讨论那些显示内容和"value"属性无关的控件,其他比如<input>,<form>,<textarea>之类不考虑。
比如如下html代码
<label id="name">officercat</label>
网上大部分资料上, JS语法上可以用:
JS:
var label = document.getElementById("name"); var text = label.innerText;
但这样我试过并不行,虽然很多地方都这么说的。
最终还是发现,和<div>控件一样,对于非value属性决定显示文字的控件,用innerHTML管用:
JS
var text = label.innerHTML;
而JQuery语法则和网上搜的差不多:
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
更多相关文章
- 如何在动态创建的HTML标签内容中避免单引号?
- 我使用生成html文件的python制作了一个脚本。如何使用Web爬网程
- 如何截取html的子字符串作为内容摘要
- 如何使用Java浏览和显示XML内容
- 当内容宽度为自动时,隐藏滚动条(仍然能够滚动)不起作用
- html中插入activex控件之后 需要在 网页中实现控件的属性及方法,
- Html5的datetime-local控件
- jQuery scale div内容(嵌套div)
- ASP.NET按部分ID查找控件