JS——操作元素属性

时间：2024-04-17 17:28:29

属性的操作包括：读和写

方法：

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

相关文章