js：利用文档就绪函数动态改变页面内容（innerHTML、innerText）

最新推荐文章于 2022-07-06 09:30:21 发布

xuehyunyu

最新推荐文章于 2022-07-06 09:30:21 发布

阅读量2.3k

点赞数

分类专栏： js 文章标签： js getElementById getElementsByName getElementsByTagName innerText

本文链接：https://blog.csdn.net/xuehyunyu/article/details/76099317

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*文档就绪函数*/
        /*动态修改网页的内容*/
        window.onload = function () {
            var d = document.getElementById('d');
            //添加文本信息
            d.innerHTML="hhhh";//添加文本信息或者标签
          //  d.innerText="kkkk";//添加文本信息

            var abc = document.getElementsByName("abc");
            //通过数组下标得到对应元素
            abc[0].innerText='sssss'

            //通过标签名字得到
            var span = document.getElementsByTagName('span');
            span[0].innerText='fffff'

            //通过classname找对应元素
            var c=document.getElementsByClassName('c');
            for (var i = 0;i<c.length;i++ ){
                c[i].innerText='买买买'
            }
        }
    </script>
</head>
<body>
<div id="d"></div>
<a href="js1.html" name="abc">啦啦啦啦</a>
<span>

</span>
<p class="c">坎坎坷坷</p>
<p class="c">坎坎坷坷</p>
</body>
</html>

xuehyunyu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js：利用文档就绪函数动态改变页面内容（innerHTML、innerText）

Title /*文档就绪函数*/ /*动态修改网页的内容*/ window.onload = function () { var d = document.getElementById('d'); //添加文本信息 d.innerHTML="hhhh";//添加文本信息
复制链接

扫一扫