如何获取HTMLElement中的标准特性

这篇文章主要介绍“如何获取HTML Element中的标准特性”,在日常操作中,相信很多人在如何获取HTML Element中的标准特性问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何获取HTML Element中的标准特性”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

成都创新互联公司专注于叶城网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供叶城营销型网站建设,叶城网站制作、叶城网页设计、叶城网站官网定制、小程序制作服务,打造叶城网络公司原创品牌,更为您提供叶城网站排名全网营销落地服务。

在交互实现过程中我们经常要对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.;

div.dir ="rtl":

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

到此,关于“如何获取HTML Element中的标准特性”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网站栏目:如何获取HTMLElement中的标准特性
当前路径:http://azwzsj.com/article/gsjppg.html