十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

获取HTMLElement中id,title,lang,dir,classname标准特性方法

百恒网络 2016-11-12 2066

在交互实现过程中我们经常要对DIV标签进行一些指定操作,一个文档中有许多的DIV标签,那我们肯定要指定对某一个DIV进行例如隐藏操作,前提是要找到要操作的对象,而不是所有的DIV,那我们只有通过DIV的属性中标准特性来确定,例如获取某个DIV的ID号,又或者获取类名,即ClassName,接下来由南昌网站制作公司百恒网络开发工程师结合实例介绍这些特性的获取及操作方法,所有HTML元素都由HTMLElement类型表示,不是直接通过这个类型.也是通过它的子类型来表示。HTMLElement类型直接继承自Element并添加了一些属性。添加的这些属性分别对应于每个

HTML元素中都存在的下列标准特性。

id,元素在文档中的唯一标识符;

title,有关元素的附加说明信息,一般通过工具提示条显示出来;

lang,元素内容的语言代码,很少使用;

dir,语言的方向,值为"ltr "(left-to-right,从左至右)或"rtl"(right-to-left,从右至左),也很少使用;

className,与元素的class特性对应,即为元素指定的CSS类。没有将这个属性命名为class,

是因为class是ECMAScript的保留字。

上述这些属性都可以用来取得或修改相应的特性值。以下面的HTML元素为例:

元素中指定的所有信息,都可以通过下列JavaScript代码取得:

var div=document. getElementByld("myDiv");

alert (div. id); //"myDiv""

alert( div. className); //"bhClass"

alert(div.title); //"BaiHeng Test Text"

alert (div. lang); //"en"

alert (div. dir); //"ltr"

当然,像下面这样通过为每个属性赋予新的值,也可以修改对应的每个特性:

div. id="someOtherld";

div.className="BHNewClass":

div. title="http://www.jxbh.cn";

div. lang="fr";

div.dir ="rtl":

并不是对所有属性的修改都会在页面中直观地表现出来。对id或lang的修改对用户而言是透明不可见的(假设没有基于它们的值设置的CSS样式),而对title的修改则只会在鼠标移动到这个元素之上时才会显示出来。对dir的修改会在属性被重写的那一刻,立即影响页面中文本的左、右对齐 方式。修改className时,如果新类关联了与此前不同的CSS样式,那么就会立即应用新的样式。

前面提到过,所有HTML元素都是由HTMLElement或者其更具体的子类型来表示的。下表列出了所有HTML元素以及与之关联的类型。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络 http: //www.jxbh.cn 如转载请注明出处!


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×