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

来源：互联网发布：贵州省人口老龄化数据编辑：程序博客网时间：2024/05/25 16:38

<!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>

阅读全文

0 0