Js原生元素选择器 _$获取id class attr 属性集合

虽然跟jQuery的实现比起来是不堪入目的。但在平时一些小项目或效果的实现中,对于js获取页面元素的操作,感觉就够用了,而不用总是依赖框架去实现一些页面的交互效果。

js截图

Js原生元素选择器 _$获取id class attr 属性集合_第1张图片

浏览器控制台

Js原生元素选择器 _$获取id class attr 属性集合_第2张图片

 

  1 
  2    "en">
  3    
  4    "Content-Type" content="text/html; charset=utf-8" />
  5    Js自定义_$元素选择器
  6    
 20    
 21    
 22  
"txt">虽然该css选择器跟jQuery的实现比起来是不堪一击的,尤其是在实现技巧、性能方面。但在平时一些小项目或效果的实现中,对于js获取页面元素的操作,感觉就够用了,而不用总是依赖框架去实现一些页面的交互效果。
23 24 25 26
"content"> 27 28 29
"left" name="row" class="title"> 30
class="dragDiv" size="font" name="dragDiv" style="height:200px;"> 31

Title1

32 Content1... 33
34 35
class="dragDiv" name="dragDiv" style="height:300px;"> 36

Title2

37 Content2... 38
39
40 41 42
"center" name="row" class="title"> 43
class="dragDiv" name="dragDiv" style="height:100px;"> 44

class="title" size="font" >Title3

45 Content3... 46
47 48
class="dragDiv" name="dragDiv" style="height:500px;"> 49

Title4

50 Content4... 51
52
53 54 55
"right" name="row" size="font" > 56
class="dragDiv" name="dragDiv" style="height:250px;"> 57

class="title">Title5

58 Content5... 59
60 61
class="dragDiv" name="dragDiv" style="height:310px;"> 62

class="title" size="font" >Title6

63 Content6... 64
65
66 67 68
"dashedDiv">
69
70 71 122 123 124

 

你可能感兴趣的:(Js原生元素选择器 _$获取id class attr 属性集合)