JavaScript系列之根据id属性找到标签元素(六)

最新推荐文章于 2023-12-07 19:28:30 发布

JM_杰

最新推荐文章于 2023-12-07 19:28:30 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/dapyandxpy/article/details/73381916

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文深入探讨了如何使用JavaScript通过id属性精准定位并操作HTML元素，详细讲解了document.getElementById()方法，以及在实际网页开发中的应用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">

        //document是html文档抽象成的对象 操作document对象时,
        // 也就是在操作html文档 就像window是浏览器抽象成的对象
        //直接使用对象document时,只是在前面省略了widonw
        // 与widonw.document是一样的意思

        //这里是在定义函数showInnerHTML 但是并不会执行这个函数
        // 只有当body中的input标签的onclick监听到点击事件是,才会执行
        function showInnerHTML(){
            var innerHTML = document.getElementById('d1').innerHTML;
            return innerHTML;

 function forward(){

            //调用历史管理器的前进方法 如果历史中在当前页面之前有页面存在 则访问那个页面
           history.forward();
        }
        function backward(){
            //调用历史管理器的后退方法
            history.back();
        }
        }
    </script>
</head>
<body>
  <div id="d1">
      我是div的内容
  </div>

  <input type="button" value="显示d1的InnerHTML" onclick="alert(showInnerHTML())">
  <a href="8_location对象.html">去8</a>



 <input type="button" value="前进 去9" onclick="alert(forward())">
   <input type="button" value="后退 replace9" onclick="alert(backward())">
   <input type="button" value="后退2页" onclick="history.go(-2)">
</body>
</html>