js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019-11-07 18:12
2046 查看
本文实例讲述了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>
运行效果:
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家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获取页面上某个元素的代码
相关文章推荐
- js:利用文档就绪函数动态改变页面内容(innerHTML、innerText)
- JS实现获取word文档内容并输出显示到html页面示例
- innerHTML和innerText的用法(动态改变网页内容)
- 动态改变下拉菜单内容示例 js 二位数组示例
- innerHTML和innerText的用法(动态改变网页内容)
- 使用ajax和js无刷新改变页面内容和地址栏URL
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- js动态改变下拉菜单内容示例
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- js动态改变下拉菜单内容示例 .
- 使用ajax和js无刷新改变页面内容和地址栏URL
- 网页内容使用JS导出为word文档
- 实现Web页面内容动态改变的dhtml操作http://www.knowsky.com/4074.html
- 使用js操作css实现js改变背景图片示例
- 用Delphi动态改变页面内容
- 动态修改元素内容 innerText、innerHTML、outerText、outerHTML
- js页面传参中使用的编码和解码函数
- asp.net 使用HttpModule对全站输出的动态页面的HTML内容进行修改,不会错乱
- IE撤销机制Ctrl-Z功能会在由于Js动态改变页面元素失效