當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS获取页面元素并修改
生活随笔
收集整理的這篇文章主要介紹了
JS获取页面元素并修改
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//實現代碼如下,非常簡單
<script>(function(){var ele = document.getElementsByTagName("ul"); //獲取頁面上所有的ul元素var target;for(var i in ele){if("art-list"==ele[i].className){ //找到類名位art-list的ul元素target = ele[i];break;}}var li_arr = target.getElementsByTagName("li"); //找到ul中的所有li元素li_arr[1].innerHTML='<a href="http://baidu.com.cn" target="_blank">我是新內容,將取代頁面上原有的內容</a>'; //修改其內容} )()</script>
<script>(function(){ var arr = document.getElementsByTagName("tr"); var target=arr[2].getElementsByTagName("a")[1];
target.setAttribute("href","http://baidu.com.cn");})()</script>
<script>(function(){var ele = document.getElementsByTagName("ul"); //獲取頁面上所有的ul元素var target;for(var i in ele){if("art-list"==ele[i].className){ //找到類名位art-list的ul元素target = ele[i];break;}}var li_arr = target.getElementsByTagName("li"); //找到ul中的所有li元素li_arr[1].innerHTML='<a href="http://baidu.com.cn" target="_blank">我是新內容,將取代頁面上原有的內容</a>'; //修改其內容} )()</script>
?
?
?
//setAttribute給元素添加屬性<script>(function(){ var arr = document.getElementsByTagName("tr"); var target=arr[2].getElementsByTagName("a")[1];
target.setAttribute("href","http://baidu.com.cn");})()</script>
?
轉載于:https://www.cnblogs.com/lulu-beibei/p/4504048.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的JS获取页面元素并修改的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Chapter 1. Introduce
- 下一篇: 结对项目1连连看