请问js怎么选择子元素

JavaScript011

请问js怎么选择子元素,第1张

使用jquery获取某DIV的子元素，通常有以下两种方法：

子元素选择器（>），例如 $("div>img") 获取div下的img子元素；

遍历函数children()，例如 $("div").children("img") 同样是获取div下的img子元素。

如果想要获取DIV下的不仅是子元素，而且还包括其他后代元素（孙辈、曾孙辈元素...），那么，相应的两种方法是：

后代元素选择器（空格），例如 $("div img")  获取div下的所有级别的img后代元素；

遍历函数find()，例如 $("div").find("img")  获取div下的所有级别的ing后代子元素。

js获取元素方法有：

1、getElementById ：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。

2、getElementsByName：getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以getElementsByName() 方法返回的是所有匹配元素组成的数组，而不是一个元素。

3、getElementsByTagName：getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表），这些元素是您在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。