js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
人气:0本文实例讲述了js使用文档就绪函数动态改变页面内容。分享给大家供大家参考,具体如下:
<!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" rel="external nofollow" name="abc">啦啦啦啦</a> <span> </span> <p class="c">坎坎坷坷</p> <p class="c">坎坎坷坷</p> </body> </html>
运行效果:
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerText和innerHtml应用
- JavaScript中innerHTML,innerText,outerHTML的用法及区别
- javascript中innerText和innerHTML属性用法实例分析
- js中innerText/textContent和innerHTML与target和currentTarget的区别
- JavaScript动态改变HTML页面元素例如添加或删除
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- 离开页面时检测表单元素是否被修改,提示保存的js代码
- js 获取元素在页面上的偏移量的方法汇总
- JavaScript获取页面上某个元素的代码
加载全部内容