JS获取元素，鼠标事件，改变内容

最新推荐文章于 2022-09-04 19:37:36 发布

December_shi

最新推荐文章于 2022-09-04 19:37:36 发布

阅读量1.2k

点赞数 3

分类专栏： JavaScript 文章标签： javascript js

本文链接：https://blog.csdn.net/December_shi/article/details/108930709

版权

本文介绍了JavaScript中获取元素的多种方法，包括通过ID、标签名、类名和选择器，以及如何获取body和html元素。接着讲解了常见的鼠标事件，并详细阐述了如何使用innerText和innerHTML属性来改变元素内容及其区别，innerText去除空格和换行，innerHTML则保留并识别HTML标签。

摘要由CSDN通过智能技术生成

1、获取元素的方法

根据ID获取：document.getElementById(‘设的ID名’)

    <div id="time">2019-9-9</div>
    <script>
        // 因为我们文档页面从上往下加载，所以先得有标签 所以我们script写到标签的下面
        var timer = document.getElementById('time');
	</script>

根据标签名获取元素：document.getElementsByTagName(‘标签名’)

    <ul>
        <li>知否知否，应是等你好久11</li>
        <li>知否知否，应是等你好久22</li>
    </ul>
    <script>
        // 1.返回的是 获取过来元素对象的集合 以伪数组的形式存储的
        var lis = document.getElementsByTagName('li');
        // 2. 我们想要依次打印里面的元素对象我们可以采取遍历的方式
        for (var i = 0; i < lis.length; i++) {
     
        	console.log(lis[i