35、DOM方法

最新推荐文章于 2025-08-30 13:01:36 发布

原创最新推荐文章于 2025-08-30 13:01:36 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JS 专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了DOM操作的基础知识，包括如何使用innerHTML获取元素内部的HTML代码，如何通过元素属性名获取属性，以及使用getElementsByTagName()和getElementsByName()方法查找元素。这些方法是网页开发中常用的技巧。

文章目录

介绍
Dom方法

介绍

本文是在学习JS所做的学习笔记，所有笔记内容请看：JS学习笔记

Dom方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <button id="btn">点我一下</button>
   <script>

    1、innerHTML获取元素内部的html代码
      对于自结束标签，innrHTML没有该标签
     
    2、如果需要获取元素属性，直接使用  元素.属性名  进行获取
       但是注意，class属性不能采用该方法，读取class需要使用className来
       获取  元素.className


    3、getElementsByTagName()
        根据标签名获取元素节点，返回结果为类数组对象
        所有查询到的元素封装到类数组对象中
        即使查询到的元素只有一个，也会封装到类数组中
      
  
    4、getElementsByName() 
        根据name属性获取一组元素，也是返回类数组对象
   
   </script>
</body>