![822215e34bab3e5eb667317fe6bc661e.png](https://i-blog.csdnimg.cn/blog_migrate/ab2484ee68ed49b385a9187712621049.png)
链接:https://pan.baidu.com/s/1WFNAFzILwdwRLcd_2UWdhg
提取码:um61
复制这段内容后打开百度网盘手机App,操作更方便哦
![0f2de96d55bf9371c3419220a769a958.png](https://i-blog.csdnimg.cn/blog_migrate/b811bdcae98b7d21c916914fbe4033a7.jpeg)
简单的页面来定位:用id定位
![655a17941fb1ee2f914acd5f00715799.png](https://i-blog.csdnimg.cn/blog_migrate/329a901f37db88d488844c040173a8a4.jpeg)
![eee0aedb847bfde0a1d40cd948347eb6.png](https://i-blog.csdnimg.cn/blog_migrate/7e79cdf1af7ce4010faeeb9a0bfab15b.jpeg)
![9427151303caf921df5a542ce11acfca.png](https://i-blog.csdnimg.cn/blog_migrate/5069f1fee491fd66b8d04321a9f915c3.jpeg)
用classname来定位
![a22ce8de4f9e607ab35d2efa53f919ff.png](https://i-blog.csdnimg.cn/blog_migrate/a2975be36a24fa7d94b604768938502a.jpeg)
获取元素索引值:
可以根据索引取值,可以有多个class值。class里面是一个列表
![cfe48b0e6c38c70a3660a666077dbae9.png](https://i-blog.csdnimg.cn/blog_migrate/2e9adb4dbc9991107009700abc338f41.jpeg)
css表达式,#代表id。*代表匹配所有。当然也可以吧*改成标签名,方便查找。.代表class值
![fc9031fc9cd6b42498721b2b1f8e0e2e.png](https://i-blog.csdnimg.cn/blog_migrate/503d622aecef0808fd33573d0780b9a4.jpeg)
![11aaf3225dc88750228103ba47839a40.png](https://i-blog.csdnimg.cn/blog_migrate/651e16c6eea1a3f8cccf36d713c2d63f.jpeg)
![d886329fa569ec9522c9a89950022dbb.png](https://i-blog.csdnimg.cn/blog_migrate/13b10dfa61305272ecde8b968ca76954.jpeg)
![271ca4ec2486d6a0fb39d1deade42181.png](https://i-blog.csdnimg.cn/blog_migrate/c0855cf4600750573f92d61b6e98cd96.jpeg)
![ea4a68f2fe2aa22b4524914c03211ac6.png](https://i-blog.csdnimg.cn/blog_migrate/73ea8fa0f5d8cd7594953529f0eb471e.png)
元素的属性修改:
![ec8b2a6c87372b933d8d212ffb72ba2b.png](https://i-blog.csdnimg.cn/blog_migrate/e250dd124688bced9db225d6b15f23f0.jpeg)
第一种方法:
变量名=()
变量名.key=value
![272bd91d92487309fcfbaaecb08fbb04.png](https://i-blog.csdnimg.cn/blog_migrate/a89956444c567f04ef42e09624e71942.png)
第二种方法:
变量名.getAttribute(‘key值’)
![ff79fc0c78851d96d001375309a4d8a0.png](https://i-blog.csdnimg.cn/blog_migrate/c4a38b59d94be102eb5aedc9ca559641.jpeg)
![baf1575594b4230549765003597965bc.png](https://i-blog.csdnimg.cn/blog_migrate/e41180aff3996355bb9a5865c09ff360.jpeg)
修改属性值;
第一种方法:
变量名.key=修改值
![1758043cfc27a99a28c4042a011c3b7b.png](https://i-blog.csdnimg.cn/blog_migrate/b42dabc1f3665e5b57e47a10180ed0ab.jpeg)
![db724d39141f3c2f33e30b71ee770bea.png](https://i-blog.csdnimg.cn/blog_migrate/153448627bc302c74803b5deba1bdaf0.jpeg)
第二种方法:
变量名.setAttribute=('key值','修改的value值')
![cc40ac1c66cd3239ed4a7afa600c368d.png](https://i-blog.csdnimg.cn/blog_migrate/69c72700cf74d94c2b21f678523758a8.jpeg)
查看和改变元素的内容:查出一个id
![79b29b2c6f302ee042ef07b178cf8299.png](https://i-blog.csdnimg.cn/blog_migrate/5f10f7278d97dbdf5e13246d7887d585.jpeg)
使用变量名.inner.html的结果
![df48ed5b8cbfb84167f967ef9f2fe970.png](https://i-blog.csdnimg.cn/blog_migrate/8b174d5504e8a11ce72db5b36a09595a.jpeg)
使用变量名.inner.text的结果
![424e358f35c26b93b17cc941df5887f6.png](https://i-blog.csdnimg.cn/blog_migrate/194cd7dd1d83a3b601a84d46486e5ec5.png)
修改的元素的值就是变量名.key=新值
修改元素的颜色样式
![6f13ccab38d2083c7aedb1d537313996.png](https://i-blog.csdnimg.cn/blog_migrate/9953f4be754bd1e2dace9fe71e6f33a6.jpeg)
![d9bb26c726f4242a43dc95fe846e1df3.png](https://i-blog.csdnimg.cn/blog_migrate/9bd627d11dd91dc5a46900f981ca93f0.jpeg)
![3212304b07fec782e423dd1ac54cf86e.png](https://i-blog.csdnimg.cn/blog_migrate/86d0cf85fd184fee1b8aefdc934e0b53.jpeg)
![b03f2dad69d949c83c4491d646537928.png](https://i-blog.csdnimg.cn/blog_migrate/90a3163e73f2a947e32394ede9370ddd.jpeg)
点击事件怎么写?
<script>
var a=200;
function demo(){alert(a);}
var b = document.getElementsByTagName("h2");
b[0].οnmοuseοver=function(){
b[0].style.color = "red"
}
b[0].οnmοuseοut=function(){
b[0].style.color = "green"
}
</script>