html中id和class的区别（html中id）

在 CSS 中，id 是一个标识符，用于为 HTML 元素指定一个唯一的名称。每个元素只能有一个 id，并且必须在整个文档中保持唯一性。

id 由 # 符号后跟一个由字母、数字、连字符和下划线组成的字符串组成。例如：#header、#main-content、#footer。使用 id 可以通过 CSS 样式表选择和控制特定元素的外观和行为。

html中id和class的区别（html中id）

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

js获取页面元素方法：（举例，获取页面中input输入框的id和name）

1、通过document.getElementsByTagName获取input元素；inputs=document.getElementsByTagName("input");

2、根据1获取第一个的元素来获取属性值；

var name = inputs[0].name;

3、如果需要获取所有的值，只需遍历inputs即可。

具体代码如下：

inputs=document.getElementsByTagName("input");

var first = inputs[0];

var first_name = first.name;

var first_id = first.id;

console.log(first_name);

console.log(first_id);

这个问题还是要在具体的实例中,解决会比较简单一点.那我简单列举两种情况下获取页面元素的id和name的方法吧.

1.事件中

每一个事件方法中都会带一个event事件的属性参数,这个参数中就包含一个targe属性名,值表示的就是触发事件的节点,那我们可以这样获取

2.非事件中

在非事件方法中,你想获取页面元素的id和name,那你首先就需要找到对应的节点.你可以用document对象找,当然还是建议用jquery

节点获取了,那获取属性的方法还是跟上面的方法是一样的.

在这里我们可以看出来,使用jquery方式更加简洁方便.重要的是码字少呀.还是建议用一下jquery.而且jquery对于浏览器兼容也做了部分优化.

通过函数参数this，将自身传递给函数。从而获取对象的name与id属性。具体代码如下：

测试可用。