document元素对象

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
 		<img src="images/D1.png" id = "d1" height="300px" width="300px"/>
        <input name="dim2" type="button" value="按钮1" />
        <input name="dim2" type="button" value="按钮2" />
        <div class="dim">
        
        </div>
        <div class="dim">
        </div>
        <script>
            //getElementById根据id获取元素对象
            var d = document.getElementById("d1");
            //alert(d);
            
            //getElementsByTagName根据标签名称获取对象
            var d2 = document.getElementsByTagName("div");
            //alert(d2.length);
            
            //getElementsByName根据name值获取对象
            var d3 = document.getElementsByName("dim2");
            // for(var i = 0; i < d3.length; i++){
            // 	alert(d3[i]);
            // }
            
            //getElementsByClassName根据Class获取对象
            var d4 = document.getElementsByClassName("dim");
            for(var i = 0; i < d4.length; i++){
                alert(d4[i]);
            }
            
        </script>
        
        

<div id = "dim">uie4thjkf1<div>

<script>
var d1 = document.getElementById("dim")
//d1.style.color = 'red';
//d1.style.color = 'red';
//alert(d1.length);

//修改网页内容
var dim = document.getElementsByTagName("div");
dim[0].innerHTML = "真假";

//修改颜色
// for(var i = 0; i < d1.length; i++){
// ///d1[i].style.color = 'red';
// }
</script>

        
    </body>
</html>
方法 描述
close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。

您可能还喜欢...