zoukankan      html  css  js  c++  java
  • 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>"

  • 相关阅读:
    别用言语考验底线
    QQ登陆接口
    cookie设置今日不提醒功能
    Sublime Text 3常用插件
    浏览器的标准模式与怪异模式的设置与区分方法
    JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
    javascript中闭包的工作原理
    javascript判断图片是否加载完成方法整理
    社会十二效应法则
    小故事
  • 原文地址:https://www.cnblogs.com/gaoquanquan/p/9183633.html
Copyright © 2011-2022 走看看