1、js获取 html 标签对象
1)根据选择器获取
(1)根据id选择器获取唯一对象
var e = document.getElementByld(idStr);
(2)根据class选择器获取对象数组
var arr = document.getElementsByClassName(classStr);
(3)根据标签选择器获取对象数组
var arr = document.getElementsByTagName(tagName);
(4)根据表单元素的name属性获取对象数组
var arr = document.getElementsByName(formElName);
2)根据家族关系获取 var ref = ...;
(1)获取子元素数组:var childs = ref.children;
(2)获取兄弟元素:
var prevEl = ref.previousElementSibling;
var nextEl = ref.nextElementSibling;
(3)获取父级元素:var parentEl = ref.parentElement;
2、jquery 获取 html 标签对象
1)根据选择器获取 :
var $obj = $(selector);
2)根据家族关系获取 var $ref = ...;
(1)获取子元素数组:
var $objChilds = $ref.children(selector);
var $descendents = $(document).find(selector);//后代检索
(2)获取兄弟元素:
前置元素:
var $bigBros = $ref.prev(selector);//前一个(带有selector选择器)的元素
var $bigBros= $refprevAll([selector]);//前所有(带有selector选择器)的元素
var $bigBros= $refprevUntil([selector]);//前n个(到selector结束之前)的元素
后置元素:
var $littleBros = $ref.next(selector);//后一个(带有selector选择器)的元素
var $littleBros= $refnextAll([selector]);//后所有(带有selector选择器)的元素
var $littleBros= $refnextUntil([selector]);//后 n 个(到selector结束之前)的元素
其他兄弟:
var $otherBros = $ref.siblings([selector]);//除了自己以外的带有selector的元素
(3)获取父级元素:
父级元素:
var parent = $ref.parent([selector]);
父辈元素:
var parent = $ref.parents(selector);
二、创建 html 标签对象
1、js创建 html 标签对象
var newEl = document.creatElement(elName);
2、jquery 创建 html 标签对象
var $newEI = $(`<div id="..." clas="..." ...></div>`);
一、 获取 html 标签对象1、js获取 html 标签对象 1)根据选择器获取 (1)根据id选择器获取唯一对象 var e = document.getElementByld(idStr); (2)根据class选择器获取对象数组 var arr = document.getElementsByClassName(classStr); (3)根据标签选择器获取对象数组 var arr = document.getElementsByTagName(tagName); (4)根据