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>"

posted @ 2018-06-14 16:24  高圈圈  阅读(297)  评论(0)    收藏  举报