JS中的DOM查询

最新推荐文章于 2024-03-30 11:42:57 发布

Fantasc

最新推荐文章于 2024-03-30 11:42:57 发布

阅读量449

点赞数

分类专栏： JS基础学习文章标签： javascript

本文链接：https://blog.csdn.net/Fantasc/article/details/119282792

版权

获取元素（标签）节点以下都是通过document来调用，他们返回的都是元素节点对象getElementById()，通过id获取一个元素节点对象，id是唯一的。getElementsByTagName()，通过标签名获取一组元素节点对象。getElementByName()，通过name属性获取一组元素注意：第一中方法返回的是一个节点，第二个和第三个方法返回的是数组。实例代码和相应解释如下（还有几种查询未完善）：<!DOCTYPE html><html lang="en

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

获取元素（标签）节点

以下都是通过document来调用，他们返回的都是元素节点对象

getElementById()，通过id获取一个元素节点对象，id是唯一的。
getElementsByTagName()，通过标签名获取一组元素节点对象。
getElementByName()，通过name属性获取一组元素

注意：第一中方法返回的是一个节点，第二个和第三个方法返回的是数组。

实例代码和相应解释如下（还有几种查询未完善）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/dom.css" />
    <title>Document</title>

    <script type="text/javascript">
        window.onload = function(){
   

            /*  
                返回# city的所有子节点
                返回#phone的第一个子节点
                返回#bj的父节点
                返回#android的前一个兄弟节点
                返回#username的value属性值
                设置#username的value属性值
                返回#bj的文本值
            */

            //1.查找#bj节点
            var btn01 = document.getElementById("btn01");
            btn01.onclick = function(){
   
                var bj = document.getElementById("bj"); 

                alert(bj.innerHTML);

最低0.47元/天解锁文章

Fantasc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中的DOM查询

获取元素（标签）节点以下都是通过document来调用，他们返回的都是元素节点对象getElementById()，通过id获取一个元素节点对象，id是唯一的。getElementsByTagName()，通过标签名获取一组元素节点对象。getElementByName()，通过name属性获取一组元素注意：第一中方法返回的是一个节点，第二个和第三个方法返回的是数组。实例代码和相应解释如下（还有几种查询未完善）：<!DOCTYPE html><html lang="en
复制链接

扫一扫

专栏目录