226、javaScript对象---DOM对象初识

最新推荐文章于 2024-10-29 21:06:00 发布

l0510402015

最新推荐文章于 2024-10-29 21:06:00 发布

阅读量117

点赞数

分类专栏： 05_javascript

本文链接：https://blog.csdn.net/l0510402015/article/details/104411297

版权

05_javascript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

DOM初入门介绍：
功能：
    控制html文档的内容
代码：获取页面标签（元素）对象Element
    * document.getElementById("id值")：通过元素的id获取元素对象
作用：操作Element对象：
    1.修改属性值：
        一般实际工作中方法：
        * 明确获取的对象是哪一个？
        * 查看API文档，找其中有哪些属性可以设置。
    2.修改标签体内容
        * 属性：innerHTML

注意：DOM对象一般放在HTML的最下方，因为流程控制问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img id="img1" src="img/off.gif">
    <h1 id = h1_1>你好，世界</h1>
    <script>
        var light = document.getElementById("img1");
        var text = document.getElementById("h1_1")
        alert("点亮灯，换文字");
        light.src = "img/on.gif";
        text.innerHTML ="hello world";
    </script>
</body>
</html>