本文演示了Javascript通过元素ID和名称直接获取元素的方法:

我们知道,有些第三方js库在如何快速地选择HTML中的元素上做了一些简化,看起来很难理解,但JS本身也带来了一种选择特殊元素的简单方法,下面是对你的简单介绍。

在HTML中,识别HTML元素最直接的方法是使用name和id属性。它们之间有细微的区别:id必须是唯一的,但是名称可以被复制。

在js中,如果具有内置属性或全局变量名的ID名,则该名称自动成为窗口对象的属性,而HTML页面中的环境的顶部则是:


本窗口


因此,如果我们编写HTML元素代码如下所示,我们可以像这样引用它:



可以引用
btn_ok.onclick =函数(){ };
或以下是相同的
window.btn_ok.style =…;


名称属性,只有某些类型的HTML元素也有类似的方法,如形态、IMG、iframe、Applet、嵌入对象等。在这些要素中,我们可以获取特定元素的name属性通过全局变量或文件属性。如果有相同名称的属性的多个元素,返回一个只读数组列表对象,例如,下面的代码:







我们可以参考name / PIC元素:
对于(在图中的x)
console.log(PIC {X}。ALT);
或每个语句方式的非标准语法
每个(IMG在PIC)
console.log(img alt);


希望本文能对大家的javascript程序设计有所帮助。