• Dom编程的入门


    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
    </head>
    <body>
        <a href="#">标题1</a>
        <a href="#">标题2</a>
        <a href="#">标题3</a>
        <input type="button" onClick="writeUrl()" value="设置a标的地址"/>
    </body>
    <script type="text/javascript">
    /*
      DOM(Document Object Model) 文档对象模型
        
        一个html页面被浏览器加载的时候,浏览器就会对整个html页面上的所有标签都会创建一个对应的
        对象进行描述,我在浏览器上看到的信息只不过就是这些html对象的属性信息而已。我们只要能找到
        对应的对象操作对象的属性,则可以改变浏览器当前显示的内容。      

        var allNodes = document.all;   //获取html文件中的所有标签节点 。
        for(var i = 0; i<allNodes.length ; i++){
            alert(allNodes[i].nodeName);     //标签的名字  nodeName;
        }

    */

        function writeUrl(){
            var links = document.links; // 获取文档中含有href的属性的标签。
            for(var i = 0; i<links.length ; i++){
                links[i].href = "http://www.cnblogs.com/luerniu/";
                
            }
            
        }
    </script>
    </html>

  • 相关阅读:
    理解javascript 对象,原型对象、闭包
    JSON数据理解
    css 盒模型相关样式
    神奇的CSS3选择器
    设计模式六大原则
    java反射机制性能优化
    一份关于jvm内存调优及原理的学习笔记
    浅谈http请求数据分析
    Apache+Tomcat部署负载均衡(或集群)
    同台电脑部署多组Tomcat负载均衡(或集群)
  • 原文地址:https://www.cnblogs.com/luerniu/p/5356644.html
Copyright © 2020-2023  润新知