js:利用文档就绪函数动态改变页面内容(innerHTML、innerText)
2017-07-25 21:48
633 查看
<!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>
相关文章推荐
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- 利用JQuery的load函数动态加载其它页面的内容的实现代码
- 利用JQuery的load函数动态加载其它页面的内容的实现代码
- 用js实现层随着内容大小动态渐变改变 推荐
- 通过JS动态改变table中<td>的内容
- 实现Web页面内容动态改变的dhtml操作http://www.knowsky.com/4074.html
- 用Delphi动态改变页面内容
- js动态改变table的text值
- jsp页面利用js动态显示当前系统时间
- js中innerText,innerHTML的用法
- innerHTML和innerText的用法(动态改变网页内容)
- 利用JS定时器改变页面内容
- js:innerHTML与innerText||textContent
- js改变Lable的innerText后,怎样在后台代码中获得Lable的值
- 实现Web页面内容动态改变的dhtml操作
- 在jsp页面利用js函数获取当前时间
- 利用SYS_CONTEXT函数跟踪oracle字段内容无故改变
- 文章列表正序、反序排列——利用JS动态改变跳转网址
- js innerHTML 改变div内容的方法