• JS——操作元素属性


    属性的操作包括:读和写

    方法:

      1)”.“操作

      2)”[ ]“操作

    eg: 

        var oDiv = document.getElementById('div1');

        var attr = 'color';

        //这里的attr是变量,使用时要用[attr],而不是.attr

        oDiv.style[attr] = 'red';

      

    属性写法:

      1)html属性和js属性写法相同。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript">
            // 这个函数的作用是:当整个文档加载完成之后,再执行{}中的内容
            window.onload = function () {
                var oA = document.getElementById('link1');
                //“写”操作
                document.getElementById('div1').title = '我看到了!';
                oA.href = 'http://www.baidu.com';
                oA.title = '去百度网';
                //“读”操作
                alert(oA.id)
            }
        </script>
    </head>
    <body>
        <div id="div1" class="div1" style="color:red" title="div元素,你看到了吗">
            这是div元素
        </div>
        <a href="#" id="link1">百度</a>
    </body>
    </html>

      2)”class“属性写成”className“,因为class在js中是一个关键字。

      3)”style“属性里面的属性,font-size这种带-的,要变为fontSize

      innerHTML:

      通过innerHTML可以读写元素包括的内容。eg:alert(oDiv.innerHTML);oDiv2.innerHTML = "<a href="http://www.baidu.com">百度</a>"

  • 相关阅读:
    docker gitlab and gitlab api
    service mesh,linkerd,sidecar,apigateway
    FIS3
    various system release [online]
    certification on windows and
    postman_
    macbook ios recovery and mount hfs+ journal and revert
    distribution system index
    登录科普(一)CAS与Oauth
    sonar,jiar,xray,jenkins[cli] [sudoers]
  • 原文地址:https://www.cnblogs.com/gaoquanquan/p/9183633.html
Copyright © 2020-2023  润新知