发新帖
  2. 建站技术
  3. js 替换网页指定一段内容

js 替换网页指定一段内容 [复制链接]

moqu8 2017-5-18
4 0
我想用一段js代码，替换网页中已经存在的内容，

比如网页里有一下一段代码

<a href="#">哈哈</a>

我想在网页加载以后，这段代码被替换成

<a href="123123">呵呵</a>


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>test</title>
  5. <script type="text/javascript">
  6.     function chg() {
  7.         var cg = document.getElementById("change");
  8.         cg.innerHTML = "呵呵";
  9.         cg.setAttribute("href","http://www.g.cn");
  10.     }
  11.     window.onload = function() {
  12.         chg();
  13.     }
  14. </script>
  15. </head>
  16. <body>
  17. <a id="change" href="#">哈哈</a>
  18. </body>
  19. </html>
复制代码
上面这个是使用了id,只能在一个链接上使用,再给你一个class属性把,可以无限使用

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>test</title>
  5. <script type="text/javascript">
  6.     function chg() {
  7.         var links = document.getElementsByTagName("a");
  8.         for (var i = 0; i < links.length; i++) {
  9.             if (links[i].className == "change") {
  10.                 links[i].innerHTML = "呵呵呵";
  11.                 links[i].setAttribute("href", "http://www.g.cn");
  12.                
  13.             }
  14.         }
  15.     }
  16.     window.onload = function() {
  17.         chg();
  18.     }
  19. </script>
  20. </head>
  21. <body>
  22. <a class="change" href="#">哈哈</a>
  23. <a class="change" href="#">哒哒哒</a>
  24. </body>
  25. </html>

最新回复 (0)
返回
版块热门：
支持中心
邮箱：winkill2012@qqcom
新站优化中！部分功能尚未完善，敬请谅解！
支持中心