如何获取HTML Element中的标准特性

这篇文章主要介绍“如何获取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中的标准特性”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！