javaScript知识点回顾（三十七）：HTML DOM访问HTML元素的方法

最新推荐文章于 2022-09-27 00:52:55 发布

BCS-点心

最新推荐文章于 2022-09-27 00:52:55 发布

阅读量157

点赞数

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/zhangxin0w0/article/details/80597792

版权

JavaScript基础专栏收录该内容

43 篇文章 1 订阅

订阅专栏

getElementById()

功能：查找网页中指定id的元素对象。
语法：var obj = document.getElementById(id)
参数：id是指网页中标记的id属性的值。
返回值：返回一个元素对象。
举例：var imgObj = document.getElementById(“img01”)

getElementsByTagName(tagName)

功能：查找指定的HTML标记，返回一个数组。
语法：var arrObj = parentNode.getElementsByTagName(tagName)
参数：tagName是要查找的标记名称，不带尖括号。
返回值：返回一个数组。如果只有一个节点，也返回一个数组。
举例：var arrObj = ulObj.getElementsByTagName(“li”)

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            window.onload = function(){
            //获取id=ulTag的网页对象
            var ulObj = document.getElementById("question");
            //查找<ul>下的所有的<li>标记
            var arrObj = ulObj.getElementsByTagName("li");
            //给所有的<li>标记增加CSS效果
            for(var i=0;i<arrObj.length;i++)
            {
                //给每个<li>标记加style属性
                arrObj[i].style = "color:blue;font-size:24px;";
            }
        }
        </script>
    </head>
    <body >
        <ul id="question">
            <li>mac 中系统自带的apache 误删了怎么恢复</li>
            <li>CURL POST数据量过大，接收不到服务端的信息</li>
            <li>用了构造函数为什么这个还是2？</li>
            <li>cookies登录原理</li>
        </ul>
</html>

BCS-点心

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
javaScript知识点回顾（三十七）：HTML DOM访问HTML元素的方法

getElementById()功能：查找网页中指定id的元素对象。语法：var obj = document.getElementById(id)参数：id是指网页中标记的id属性的值。返回值：返回一个元素对象。举例：var imgObj = document.getElementById(“img01”)getElementsByTagName(tagName)功能：查找指定的HTML标记，返...
复制链接

扫一扫